Foros del Web » Creando para Internet » Diseño web »

Desesperada: vista previa diferente a mi estilo

Estas en el tema de Desesperada: vista previa diferente a mi estilo en el foro de Diseño web en Foros del Web. Hola a todos como estáis? Tengo un problema y es que cuando diseño un html en dreamweaver y le aplico el estilo que deseo para ...
  #1 (permalink)  
Antiguo 19/09/2007, 12:33
 
Fecha de Ingreso: septiembre-2007
Mensajes: 7
Antigüedad: 16 años, 7 meses
Puntos: 0
Desesperada: vista previa diferente a mi estilo

Hola a todos como estáis?

Tengo un problema y es que cuando diseño un html en dreamweaver y le aplico el estilo que deseo para la letra(color Fuente tamaño...)*en el editor se ve bien.

Pero una vez guardado y si abro el htm con el navegador o si lo lanzo con el F12, el estilo color tamaño de la letra cambia radicalmente y no sé por que

* La hoja de estilos parece estar bien vinculada pues cambio el color de fuente y se mecambia en los demás archivos htmml que lo usan.


no controlo de html pero agradecería enormemente vuestra ayuda

Gracais de antemano
  #2 (permalink)  
Antiguo 19/09/2007, 12:39
Avatar de Tecnogal  
Fecha de Ingreso: octubre-2006
Mensajes: 314
Antigüedad: 17 años, 5 meses
Puntos: 5
Re: Desesperada: vista previa diferente a mi estilo

me encantaria ayudarte pero necesito ver el codigo y la pagina afectada, si la tienes en linea pon la direccion o peganos el codigo Saludos
__________________
http://caissastudio.com Portafolio de diseño
http://caissastudio.com/blog blog de frikadas tecnologicas y de diseño
  #3 (permalink)  
Antiguo 19/09/2007, 13:11
 
Fecha de Ingreso: septiembre-2007
Mensajes: 7
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Desesperada: vista previa diferente a mi estilo

Gracias tecnogal.... de verdad solo por tu interés ya me has hecho feliz!te lo cpio a cachitos vale¿

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><!-- InstanceBegin template="/Templates/tangueros.dwt" codeOutsideHTMLIsLocked="false" -->
<HEAD>
<!-- InstanceBeginEditable name="doctitle" -->
<TITLE>&nbsp;</TITLE>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
  #4 (permalink)  
Antiguo 19/09/2007, 13:12
 
Fecha de Ingreso: septiembre-2007
Mensajes: 7
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Desesperada: vista previa diferente a mi estilo

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<link href="/estilos/hoj_tangg1.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>
<div id="rastro" style="position:absolute; left:184px; top:149px; width:501px; height:10px; z-index:12"><!-- InstanceBeginEditable name="rastro" -->
<p class="rastro"><a href="index.htm" class="rastro">Inicio</a>&gt; <a href="piazzolla.htm" class="rastro">Piazzolla&gt; </a><a href="instrumentos.htm" class="rastro">Bandoneón</a></p>
<!-- InstanceEndEditable --></div>

<div id="editable" style="position:absolute; width:748; height:446px; z-index:10; left: 26px; top: 210px; visibility: visible;"><!-- InstanceBeginEditable name="editable" -->
<table width="720" height="373" border="0">
<tr>
<td height="101">&nbsp;</td>
<td colspan="2"><div align="justify">
<blockquote>
<p><span class="cuerpo">Aunque podemos encontrar varios instrumentos acompa&ntilde;ando tangos, el bandone&oacute;n se erigi&oacute; como s&iacute;mbolo de su esp&iacute;ritu e instrumento principal. Fue inventado por el alem&aacute;n Heinrich Band para sustituir el costoso &oacute;rgano en las parroquias demasiado pobres para comprar uno. </span></p>
<p><span class="cuerpo">Es a&uacute;n leyenda c&oacute;mo &eacute;ste instrumento lleg&oacute; a Buenos Aires desde un pa&iacute;s lejano y se convirti&oacute; en la esencia del tango. Hay quienes dicen que un marinero alem&aacute;n, sin un peso (moneda argentina), cambi&oacute; su bandone&oacute;n por una botella de aguardiente pero no es m&aacute;s que una vieja historia de la tradici&oacute;n oral. <br>
</span></p>
</blockquote>
</div></td>
</tr>
<tr>
<td width="165"><div id="Layer3" style="position:absolute; width:150; height:190px; z-index:96; left: -1px; background-image: url(imagenes/trival5bis.jpg); layer-background-image: url(imagenes/trival5bis.jpg); border: 1px none #000000; top: 255px;"></div></td>
<td width="248"><blockquote>
<p align="justify" class="cuerpo"><br>
Es un instrumento muy dif&iacute;cil de tocar. Se trata de un famliar de los acordeones y hermano de la concertina; incluso llega a ser denominado con &eacute;ste nombre en ocasiones.<br>
<br>
Son numerosos los tangos dedicados a este intrumento, para muchos endiablado, y muy pocos los que dejan de nombrarle en sus letras. </p>
<p align="justify" class="vinculosubitutlo"><span class="vinculito"><span class="cuerpo">Enlace recomendado</span>:<br>
<a href="http://www.musicosonline.com/article.php?story=20070121025443252" class="vinculito">Musicosonline.com</a></span></p>
<p align="justify" class="vinculosubitutlo">&nbsp;</p>
<p align="justify" class="vinculito">&nbsp;</p>
</blockquote>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:96; left: 432px; top: 170px;"><a href="http://homepage.mac.com/cparada/GML/000Spanish/Friedrich2SP.html"><img src="imagenes/bando.jpg" width="283" height="152" border="0"></a></div></td>
<td width="293"><p class="vinculosubitutlo">&nbsp;</p>
<p class="vinculosubitutlo">&nbsp;</p>
<p class="vinculosubitutlo">&nbsp;</p>
<p class="vinculosubitutlo">&nbsp;</p>
<blockquote>
<p align="justify" class="vinculosubitutlo">Fuentes e imagen
procedentes de <a
  #5 (permalink)  
Antiguo 19/09/2007, 13:12
 
Fecha de Ingreso: septiembre-2007
Mensajes: 7
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Desesperada: vista previa diferente a mi estilo

href="http://homepage.mac.com/cparada/GML/000Spanish/Friedrich2SP.html"><span class="vinculito">aqu&iacute;</span></a></p>
</blockquote></td>
</tr>
</table>
<!-- InstanceEndEditable --></div>
<div id="trival" style="position:absolute; width:150px; height:328px; z-index:95; left: 25px; top: 138px; background-image: url(imagenes/trival4bis.jpg); layer-background-image: url(imagenes/trival4bis.jpg); border: 1px none #000000; visibility: visible;">
<div id="menus2" style="position:absolute; left:47; top:181px; width:125; height:83px; z-index:12; visibility: visible;">
<div id="sugerencias" style="position:absolute; left:100px; top:24px; width:85; height:25; z-index:11; background-image: url(imagenes/fondogranaestrealla.jpg); layer-background-image: url(imagenes/fondogranaestrealla.jpg); border: 1px none #000000; visibility: hidden;" class="Estilo12" onMouseOut="MM_showHideLayers('sugerencias','','hi de')"><a href="sugerencias.htm" class="estilmenu">Sugerencias</a></div>
<div id="Foro" style="position:absolute; left:100px; top:49px; width:85; height:25; z-index:10; background-image: url(imagenes/fondogranaestrealla.jpg); layer-background-image: url(imagenes/fondogranaestrealla.jpg); border: 1px none #000000; visibility: hidden;" class="Estilo12" onMouseOut="MM_showHideLayers('Foro','','hide')">
<a href="http://www.tangueros.forosonline.es" target="_blank" class="estilmenu">Foro</a></div>
<div id="Links" style="position:absolute; left:100px; top:0px; width:85; height:25; z-index:9; background-image: url(imagenes/fondogranaestrealla.jpg); layer-background-image: url(imagenes/fondogranaestrealla.jpg); border: 1px none #000000; visibility: hidden;" class="estilmenu" onMouseOut="MM_showHideLayers('Links','','hide')"> Links</div>
<span class="Estilo12"><a href="#" class="estilmenu" onMouseOver="MM_showHideLayers('sugerencias','','h ide','Foro','','hide','Links','','show','mas','',' hide','descargas','','hide','personajes','','hide' ,'historia','','hide')">Links</a><br>
<a href="#" class="estilmenu" onMouseOver="MM_showHideLayers('sugerencias','','s how','Foro','','hide','Links','','hide','mas','',' hide','descargas','','hide','personajes','','hide' ,'historia','','hide')">Sugerencias</a><br>
<a href="#" class="estilmenu" onMouseOver="MM_showHideLayers('sugerencias','','h ide','Foro','','show','Links','','hide','mas','',' hide','descargas','','hide','personajes','','hide' ,'historia','','hide')">Foro</a></span></div>
<div id="menu" style="position:absolute; width:125; height:122px; z-index:11; left: 47px; top: 61px; visibility: visible;">
<div id="mas" style="position:absolute; left:100px; top:97px; width:85; height:25; z-index:10; background-image: url(imagenes/fondogranaestrealla.jpg); layer-background-image: url(imagenes/fondogranaestrealla.jpg); border: 1px none #000000; visibility: hidden;" class="estilmenu" onMouseOut="MM_showHideLayers('mas','','hide')">M& aacute;s</div>
<div id="descargas" style="position:absolute; left:100px; top:76px; width:85; height:50; z-index:9; background-image: url(imagenes/fondogranaestrealla.jpg); layer-background-image: url(imagenes/fondogranaestrealla.jpg); border: 1px none #000000; visibility: hidden;" class="estilmenu" onMouseOut="MM_showHideLayers('descargas','','hide ')">Videos<br>
M&uacute;sica</div>
<div id="personajes" style="position:absolute; left:100px; top:24px; width:85; height:50; z-index:8; background-image: url(imagenes/fondogranaestrealla.jpg); layer-background-image: url(imagenes/fondogranaestrealla.jpg); border: 1px none #000000; visibility: hidden;" onMouseOut="MM_showHideLayers('personajes','','hid e')">
<p class="estilmenu">Gardel<br>
Piazzolla </p>
</div>
<div id="historia" style="position:absolute; left:100px; top:2px; width:85; height:25; z-index:7; background-image: url(imagenes/fondogranaestrealla.jpg); layer-background-image: url(imagenes/fondogranaestrealla.jpg); border: 1px none #000000; visibility: hidden;" class="Estilo12" onMouseOut="MM_showHideLayers('historia','','hide' )"><a href="historia.htm" class="estilmenu">Historia</a></div>
<p align="left" class="estilmenu"><a href="#" class="estilmenu" onMouseOver="MM_showHideLayers('foro','','hide','s ugerencias','','hide','links','','hide','mas','',' hide','descargas','','hide','personajes','','hide' ,'historia','','show')">Historia</a><br>
<a href="#" class="estilmenu" onMouseOver="MM_showHideLayers('foro','','hide','s ugerencias','','hide','links','','hide','mas','',' hide','descargas','','hide','personajes','','show' ,'historia','','hide')">Personajes</a><br>
<br>
<a href="#" class="estilmenu" onMouseOver="MM_showHideLayers('sugerencias','','h ide','mas','','hide','descargas','','show','person ajes','','hide','historia','','hide')">Descargas</a><br>
<a href="#" class="estilmenu" onMouseOver="MM_showHideLayers('sugerencias','','h ide','Foro','','hide','Links','','hide','mas','',' show','descargas','','hide','personajes','','hide' ,'historia','','hide')">M&aacute;s</a></p>
</div>
</div>
<div id="ceurpo" style="position:absolute; left:24px; top:0; width:750; height:660px; z-index:1; background-image: url(imagenes/imgfondo_sucio.jpg); layer-background-image: url(imagenes/imgfondo_sucio.jpg); border: 1px none #000000; visibility: visible;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="750" height="140">
<param name="movie" value="imagenes/todo.swf">
<param name="quality" value="high">
<embed src="imagenes/todo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="750" height="140"></embed>
</object>
</div>
<div id="Layer1" style="position:absolute; width:60; height:30; z-index:13; left: 694px; top: 138px;" class="imagen"><!-- InstanceBeginEditable name="txt" --><img src="/imagenes/t2.jpg" name="tgrande" width="30" height="30" border="0" id="tgrande"><a href="/instrumentos.htm"><img src="/imagenes/t.jpg" name="tpeque" width="30" height="30" border="0" id="tpeque"></a>
<div id="Layer1" style="position:absolute; width:750; height:70; z-index:96; left: -669px; top: 488px; background-image: url(/imagenes/fondogranaestrealla.jpg); layer-background-image: url(/imagenes/fondogranaestrealla.jpg); border: 1px none #000000;">
<table width="750" border="0">
<tr>
<td width="595" height="21">&nbsp;</td>
<td width="145"><span class="Estilo12 Estilo21"><strong><a href="mailto:[email protected]" class="estilmenu">Contacta </a><span class="Estilo20"><a href="../mapa.htm" class="estilmenu"> </a></span></strong></span></td>
</tr>
<tr>
<td height="21">&nbsp;</td>
<td><span class="Estilo12 Estilo21"><strong><span class="Estilo20"><a href="../mapa.htm" class="estilmenu">Mapa Web</a></span></strong></span></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable --></div>
</BODY>
<!-- InstanceEnd --></HTML>
  #6 (permalink)  
Antiguo 19/09/2007, 13:29
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 17 años
Puntos: 2
Re: Desesperada: vista previa diferente a mi estilo

Hola:
pasa de la vista diseño del dreamweaver, usa solo la vista código, guarda el archivo y ábrelo en el navegador, cada vez que hagas algún cambio recarga la página en el navegador.
  #7 (permalink)  
Antiguo 19/09/2007, 13:31
 
Fecha de Ingreso: septiembre-2007
Mensajes: 7
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Desesperada: vista previa diferente a mi estilo

GRacias voy a probar a ver si me funciona!!

Muchas gracias!!
  #8 (permalink)  
Antiguo 19/09/2007, 13:34
 
Fecha de Ingreso: septiembre-2007
Mensajes: 7
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Desesperada: vista previa diferente a mi estilo

Creo que no ha habido suerte sigue viéndose al revés

Mi problema es ese que no sé tocar código

muchísimas gracias JH. Un saludo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:45.