Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Diseño web (http://www.forosdelweb.com/f91/)
-   -   Desaconseja la w3c el atributo font?? (http://www.forosdelweb.com/f91/desaconseja-w3c-atributo-font-555995/)

juanitTo 11/02/2008 08:55

Desaconseja la w3c el atributo font??
 
Hola, queria saber si los estandares de la w3c permiten el uso de la etiqueta <font> para definir el color y tamaño de letra, analice el otro dia mi web y me dice que estan desaconsejados, si es asi como defino el color del texto??

PatomaS 11/02/2008 09:20

Re: Desaconseja la w3c el atributo font??
 
Hola

Como puedes ver aquí, desde la versión 4.01 del HTML, está desaconsejado el uso de font, entre otras tantas etiquetas.

En su lugar, se recomienda hacer uso de las propiedades de las hojas de estilo CSS.

Felicidad

juanitTo 11/02/2008 12:31

Re: Desaconseja la w3c el atributo font??
 
Lo digo por que en mi web tengo una tabla, y el titulo no se ve bien, se supone que tiene que ser verde, y en firefox se ve negro y creo que es por que esta desaconsejado

DragonX 11/02/2008 12:34

Re: Desaconseja la w3c el atributo font??
 
no, no tiene nada que ver eso, si se ve Negro en lugar de Verde el problema está en el código.

:adios:

[HH]KaoS 11/02/2008 12:35

Re: Desaconseja la w3c el atributo font??
 
No debe de ser eso, aunque esté desaconsejado debe de funcionar, es posible que no hayas puesto la almoadilla (#) antes del valor hexadecimal o algo parecido (el formato del rgb() no esté bien etc.)

juanitTo 11/02/2008 12:37

Re: Desaconseja la w3c el atributo font??
 
Y entonces por que en IE 7 si se ve bien?

DragonX 11/02/2008 12:45

Re: Desaconseja la w3c el atributo font??
 
como bien te detallaron más arriba puede ser un mal "tipeo" en la hojas de estilo, podriamos ver una URL o tu código?

:adios:

juanitTo 11/02/2008 12:59

Re: Desaconseja la w3c el atributo font??
 
la web es www.videometal.es, la diferencia esta en la tabla de abajo a la izquierda y se distingue en firefox e IE, en IE 7 se ve como debe pero en firefox no, el css depende de la resolucion de pantalla, aqui les dejo el codigo de la resolucion 1280*800:
<style type="text/css">
BODY a:link {text-decoration:none;font-weight:bold;color:#0000FF;
}
BODY a:visited {text-decoration:none;font-weight:bold;color:#0000FF;
}
BODY a:hover {text-decoration:underline;font-weight:bold;color:#00EE00;
}
body { font-family: Comic Sans;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 8pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
text-align: center;
background-color: rgb(0, 0, 0);
CURSOR: url(http://abba-gdl.iespana.es/Cursores/cursor5.ani);
}

#contenedor { margin: auto;
text-align: center;
width: 100%;
}

#cabecera { background-image url (http://www.uploadfilesystem.com//arc...kHX02806.jpg);
color: rgb(51, 51, 0);
font-size: 12pt;
font-weight: bold;
}

#cuerpo { }

#lateral { border: 2px solid rgb(0, 0, 0);
width: 12%;
font-family: Comic Sans;
text-align: center;
background-color: rgb(33,33,33);
float: left;
margin-top: 15px;
margin-left: 1%;
}

#lateral a { border-top: 1px solid rgb(0, 0, 0);
text-decoration: none;
color: rgb(0,255,0);
font-size: 16px;
display: block;
width: 100%;
}

#lateral a:hover { background-color: rgb(0, 232, 0);
color: #000000;
}

#principal { background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
width: 100%;
float: center;
}

#otrolado { border: 2px solid rgb(0, 0, 0);
width: 12%;
font-family: Comic Sans;
text-align: center;
background-color: rgb(33,33,33);
float: right;
margin-right: 1%;
}

#otrolado a { border-top: 1px solid rgb(0, 0, 0);
text-decoration: none;
color: rgb(0,255,0);
font-size: 16px;
display: block;
width: 100%;
}

#otrolado a:hover { background-color: rgb(0, 232, 0);
color: #000000;
}
#pie {
clear: both;
width: 100%;
background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
}
#descarga {
text-align: left;
width: 12%;
float: left;
margin-left: 1%;
background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
}

#codigo {
text-align: right;
float: right;
width: 12%;
margin-right: 1%;
background-image url(http://www.uploadfilesystem.com//arc...kHX02806.jpg);
}

#derecha { margin-bottom: 0pt;
margin:auto;
text-align: center;
width: 73%;
margin-top: 0pt;
}


</style>


La zona horaria es GMT -6. Ahora son las 07:50.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.