Foros del Web » Creando para Internet » CSS »

Posicionar elementos en la cabecera

Estas en el tema de Posicionar elementos en la cabecera en el foro de CSS en Foros del Web. Hola, después de maquetar muchas webs con tablas creo que ya ha llegado la hora de pasarme a CSS pero me estoy haciendo la picha ...
  #1 (permalink)  
Antiguo 04/07/2011, 09:50
 
Fecha de Ingreso: enero-2011
Mensajes: 84
Antigüedad: 6 años, 8 meses
Puntos: 4
Posicionar elementos en la cabecera

Hola, después de maquetar muchas webs con tablas creo que ya ha llegado la hora de pasarme a CSS pero me estoy haciendo la picha un lío... a ver si alguien me puede ayudar. El siguiente código hace referencia a la cabecera de una web que quiero pasar a CSS, alguien me podría decir como hacerlo?

Código HTML:
<table width="1000" height="170" border="0" cellspacing="0" cellpadding="0"> 
	<tr>
		<td align="left" width="400"><a href="/"><img src="images/logo.jpg" border="0" alt="Logotipo"></a></td>
			<td width="380" align="center">
				<table width="380" height="115" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td align="center" valign="top" style="padding-top:10px;"><span class="textonegrosimple10"><a href="/" class="textonegrosimple10">Inicio</a></span> | <span class="textonegrosimple10"><a href="faq/" class="textonegrosimple10">FAQ</a></span> | <span class="textonegrosimple10"><a href="contacto/" class="textonegrosimple10">Contacto</a> | <span class="textonegrosimple10"><a href="mapaweb/" class="textonegrosimple10">Mapa Web</a></td>
					</tr>
					<tr>
						<td align="center" valign="top" style="padding-top20px;"><h1>Título de la web</h1></td>
					</tr>
				</table>
			</td>
			<td rowspan="2" align="right" width="220"><img src="images/imagen1.jpg" /></td>
		</tr>

		<tr>
			<td align="center"><img src="images/imagen2.jpg" /></td>
			<td align="center" valign="middle" align="center"><a href="http://www.facebook.com/empresa" target="_blank" rel="nofollow"><img src="images/icono-facebook.png" width="30" height="30";  border="0" />&nbsp;&nbsp;<a href="http://www.youtube.com/empresa" target="_blank" rel="nofollow" ><img src="images/icono-youtube.png" width="30" height="30" border="0"  />&nbsp;&nbsp;<a href="http://www.blogempresa.org" target="_blank" rel="nofollow"><img src="images/icono-blog.png" width="30" height="30" border="0" />&nbsp;&nbsp;<a href="http://twitter.com/empresa" target="_blank" rel="nofollow"><img src="images/icono-twitter.png" width="30" height="30" border="0" /></td>
		</tr>
	</table> 

He ido palpando todas las propiedades de CSS pero no consigo poner cada elemento donde quiero como lo hago cuando maqueto con tablas... estoy empezando a dudar eso que dicen que maquear con CSS es mucho más fácil que maquear con tablas...
Por cierto si alguien me sabe decir algun manual completo o web para aprender bien CSS se lo agradecería.

Muchas gracias de antemano!!!
  #2 (permalink)  
Antiguo 05/07/2011, 09:28
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 8 meses
Puntos: 306
Respuesta: Posicionar elementos en la cabecera

Hola
Como ayuda general tienes esto:
http://www.forosdelweb.com/f53/aport...ml-css-648073/
Y esto:http://www.forosdelweb.com/f53/aport...rte-ii-657814/
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 06/07/2011, 00:41
 
Fecha de Ingreso: enero-2011
Mensajes: 84
Antigüedad: 6 años, 8 meses
Puntos: 4
Respuesta: Posicionar elementos en la cabecera

Muchas gracias!

Etiquetas: elementos, cabeceras
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 16:28.