Foros del Web » Creando para Internet » HTML »

Estructura xhtml1/css

Estas en el tema de Estructura xhtml1/css en el foro de HTML en Foros del Web. (He editado el mensaje para que se entendiera mejor, ya que estaba medio confuso) Veamos, tengo la siguiente estructura para un xhtml1.0 valido: Código HTML: ...
  #1 (permalink)  
Antiguo 08/01/2005, 11:34
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Estructura xhtml1/css

(He editado el mensaje para que se entendiera mejor, ya que estaba medio confuso)

Veamos, tengo la siguiente estructura para un xhtml1.0 valido:


Código HTML:
<div id="contenedor">
  <div id="encabezado">
    <h1><span>Titulo</span></h1>
    <h2><span>Subtitulo</span></h1>
  </div>
</div> 
Lo que trato de lograr es dejar el id "encabezado" como "imagen" linkeado a una URL, pero debe cumplir dos condiciones:

1-. Sin tocar el XHTML (salvo para agregar la(s) etiqueta(s) <a> para el link), lo que significa que no se puede meter una etiqueta <img /> (esto lo quiero dejar como ultimo recurso, ya que mi intencion es NO usar etiquetas <img /> para imagenes que tengan que ver con el "diseño" de la pagina).

2-. Debe seguir siendo un XHTML valido.


Alguien que me heche una ma nito plissss
__________________
El conocimiento es libre: Movimiento por la Devolución

Última edición por frijolerou; 08/01/2005 a las 11:56 Razón: Para que se entendiera mejor :P
  #2 (permalink)  
Antiguo 08/01/2005, 12:13
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola frijolerou

A ver si te he entendido bien.
Código HTML:
<div id="contenedor">
  <div id="encabezado">
    <a href="tupagina.html"></a>
    <h1><span>Titulo</span></h1>
    <h2><span>Subtitulo</span></h2>
  </div>
</div> 
Y usas este código Css:
Código HTML:
<style type="text/css">
#encabezado a {width:90px;height:90px;
display:block;background:url('imagen.jpg');}
</style> 
El width y el height son las dimensiones de la imágen que uses.

Saludos,
  #3 (permalink)  
Antiguo 08/01/2005, 12:30
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Si lo que deseas es que la imágen contenga los titulos, y no deseas que se vean (pues la imágen ya los contendría), puedes agregar a tus reglas de estilo lo siguiente:

#encabezado h1, #encabezado h2{
display: none;
}
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #4 (permalink)  
Antiguo 08/01/2005, 15:34
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 12 años, 11 meses
Puntos: 1
Código:
<div id="contenedor">
  <div id="encabezado">
    <h1><a href="enlace.htm"><span>Titulo</span></a></h1>
    <h2><span>Subtitulo</span></h1>
  </div>
</div>
Código:
#encabezado h2, #encabezado h1 a span { display:none; }
#encabezado h1 a { background:url('imagen.jpg'); }
Luego a "#encabezado h1 a" le pones el tamaño que quieras
  #5 (permalink)  
Antiguo 08/01/2005, 17:27
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
JavierB: lo mismo me comentaron e otro sitio, pero lo que no me gustaba era que <a></a> fuera una etiqueta vacía (un poco maniático, lo sé jajajajaj).

Me pareció más logica la solucion de posavasos, con una pequeña correccion del CSS


#encabezado h2, #encabezado h1 a span {
display:none;
}
#encabezado h1 a {
background:url('imagen.jpg');
display:block;
width:100px;height:100px;
}


Gracias por la ayuda
__________________
El conocimiento es libre: Movimiento por la Devolución

Última edición por frijolerou; 08/01/2005 a las 17:54
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 01:32.