Primer intento con XHTML y CSS
5 seguidores
Bueno pues aquí os dejo mi primer intento para aprender XHTML y CSS. Hay poca cosa. Será una pagina de noticias, links esencialmente. una página personal... pero bueno. haber que tal. Ya preguntaré a los gurús del foro ;) cuando haya problemas
ta luego
black
en lugar de
<code>
<body bgcolor="#2E2E2E">
</code>
usa
<code>
body{ background-color: #E2E2E2;}
</code>
Por lo demás pinta muy bien! :)
cbp
unas cosillas:
- el "id" ha de ser único en todo el documento. si quieres repetir un conjunto de propiedades en varios elementos utiliza "class"
- no definas colores o dimensiones como atributos de etiquetas, una de las causas de usar css y (x)html es poder separar presentación y contenido. por ejemplo, para asignar el color de fondo al body, mejor hazlo así en el fichero css:
body { background-color: #2e2e2e; }
- para los titulares utiliza h2 o h3, que para eso están, para crear titulares.
en general trata de hacer una programación más semántica, en la que uses cada elemento exactamente para lo que se ha creado. si necesitas más información o ayuda por aquí hay unos cuantos extremistas que te ayudarán :P
editado: black, eres un calcota-copiota :D
black
Creo que también puedes poner:
<code>
#linkscontenido img{
float: right;
}</code>
para que las img del div linkscontenido...
para evitar<code><div id="floatleft"><img src="imagenes/thumb/arielbooks.jpg" width="114" height="88" /></div></code>
y dejar sólo
<code><img src="imagenes/thumb/arielbooks.jpg" width="114" height="88" /></code>
black
cbp
editado: black, eres un calcota-copiota :D
Jajaja!! Lo que pasa es que soy más rápido que tu! :P
cbp
eso a veces no es una virtud, pequeño... :P
lo del float está bien, al igual que tampoco haría falta asignar una clase al "p", bastaría con
#linkscontenido p {
lo que sea
}
¿y el mensaje de zigotica? juraría que había uno... :?
Boreal
buufff.... ok je je je ahora me pongo gracias
zigotica
cbp
¿y el mensaje de zigotica? juraría que había uno... :?
lo puse 30 segs mas tarde que tu, pero era muy corto y como ya decias lo mismo (y mas cosas) lo he borrado.
cbp
si borrase yo todos mis post innecesarios me quedaba con 4 ó 5 de los 3 mil y pico
black
cbp
eso a veces no es una virtud, pequeño... :P
Jajaja!!! que perro! :D
Boreal
<fieldset>- el "id" ha de ser único en todo el documento. si quieres repetir un conjunto de propiedades en varios elementos utiliza "class" </fieldset>
Esto no lo he entendido
cbp
significa que un atributo id no puede ser igual en dos elementos de la página. si un elemento tiene un id que sea "menu", ningún otro atributo id podrá llamarse "menu".
si quieres que varias elementos compartan propiedades tienes que declarar esas propiedades dentro de un class, no de un id.
por ejemplo para asignar a algo un color de fondo:
.fondo {
background-color: #b0b0b0;
}
y luego, en el html, cada elemento que quieras que tenga ese color le pones class="fondo".
echa un vistazo aquí, que lo entenderás mejor :)
zigotica
Boreal
<fieldset><blockquote>- el "id" ha de ser único en todo el documento. si quieres repetir un conjunto de propiedades en varios elementos utiliza "class" </blockquote></fieldset>
Esto no lo he entendido
ok, no problem
en tu pagina tienes varios casos con este codigo:
<code><div id="linkscontenido"><div id="floatleft"></code>como ves sale id="..."
Eso identifica inequivocamente a un elemento por su nombre. Por lo tanto no puedes tener dos veces el mismo nombre declarado. Si lo has hecho para darles a todos los linkscontenido el mismo estilo, cambia el id por una clase, usando lo siguiente:
<code><div class="linkscontenido"><div class="floatleft"></code>y luego en el css cambia donde tengas #linkscontenido pones .linkscontenido y lo mismo para floatleft
Boreal
ok gracias
dagi3d
en explorer el hover de los enlaces desplaza las imagenes
Boreal
Hola he hecho nuevos cambios de diseño y he intentado arreglas lo que me habeis dicho...
<fieldset>
dagi3d
11 MINUTOS
en explorer el hover de los enlaces desplaza las imagenes
</fieldset>
Lo mirare gracias ;)
A ver que os parece