Comunidad de diseño web y desarrollo en internet online

Acentos (codificación

Citar            
MensajeEscrito el 03 Oct 2008 08:10 pm

Código :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />


Tengo estas dos lineas sobre el idioma i la codificación, uso UTF-8 porqué leí que es mejor que la ISO. En el editor lo guardé como UTF-8, no BOM, si lo hacia con BOM tenía problemas.

Pero he hecho unas pruebas y he detectado 2 problemas según plataforma y navegador:
Máquina 1:
Macintosh / Safari i Firefox 3: sin problemas.

Máquina 2:
Windows XP / Explorer 6: Se ven acentos sin problemas pero hay error visual en el menú rollover que está hecho con el truco de una sóla imagen, supongo que para el problema de las boxs debo añadir algún hack, pero no se como.

Máquina 3:
Windows XP / Explorer 6 y Firefox 3: A diferencia de la máquina anterior, aquí no ven ni acentos ni apóstrofes, en ambos navegadores. ¿problema de la configuración de Windows?

¿podrían ayudarme con estos dos problemas?

Desde ahora mismo, mil gracias es mi própia web y mi primer XHTML+CSS.

ACCEDER

Saludos

Por xc70

30 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Oct 2008 10:29 pm
Te falta cerrar las comillas de content y abrir las de charset. No me extraña que no funcione.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 05 Oct 2008 10:49 am
Mil gracias compañero! vaya fallo, me extraña que el validador no me lo diera como válido :roll:

¿hay algun hack para Explorer para solucionar el problema del menu rollover con una sóla imagen? En Firefox funciona bien, pero si teneis Explorer podreis ver en la parte inferior del menu que se ve un trozo de la imagen que pertece al estado "sobre".

Saludos y gracias de nuevo.

:wink:

Por xc70

30 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Oct 2008 04:14 am
¿Cuáles son las reglas css que utilizas para los links? Se ve bien en IE7, el problema es en el 6.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 06 Oct 2008 03:37 pm
El CSS:

Código :

ul#navprin { background:url(imatges/nav/navprin.gif) }
ul#navprin li { float:left; list-style-type:none }
ul#navprin li a { height:11px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navprinProjectes a, li#navprinServeis a, li#navprinEstudi a, li#navprinContacte a { background:url(imatges/nav/navprin.gif) }

li#navprinProjectes a                  { background-position:0 0; width:118px; left:0 }
li#navprinProjectes a:hover               { background-position:0 -11px }
body#pageProjectes li#navprinProjectes a    { background-position:0 -22px }

li#navprinServeis a                { background-position:-119px 0; width:98px; left:119px }
li#navprinServeis a:hover            { background-position:-119px -11px }
body#pageServeis li#navprinServeis a    { background-position:-119px -22px }

li#navprinEstudi a                { background-position:-212px 0; width:88px; left:212px }
li#navprinEstudi a:hover         { background-position:-212px -11px }
body#pageEstudi li#navprinEstudi a    { background-position:-212px -22px }

li#navprinContacte a                { background-position:-300px 0; width:95px; left:300px }
li#navprinContacte a:hover            { background-position:-300px -11px }
body#pageContacte li#navprinContacte a    { background-position:-300px -22px }


y su invocación:

Código :

<div id="navigation">
   <div class="menu">
   <ul id="navprin">
         <li id="navprinProjectes"><a href="projectes.html">Projectes</a></li>
         <li id="navprinServeis"><a href="serveis.html">Serveis</a></li>
         <li id="navprinEstudi"><a href="estudi.html">Estudi</a></li>
         <li id="navprinContacte"><a href="contacte.html">Contacte</a></li>
   </ul>
   </div>
</div>


Muchas gracias por todo!
:wink:

Por xc70

30 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.