Foros del Web » Creando para Internet » CSS »

Maquetando con Div's

Estas en el tema de Maquetando con Div's en el foro de CSS en Foros del Web. Buenas de nuevo amigos. Estoy aprendiendo a maquetar páginas con 'div' y css (hasta el momento lo hacía utilizando tablas, pero muchas veces resulta engorroso ...
  #1 (permalink)  
Antiguo 13/02/2011, 12:13
 
Fecha de Ingreso: marzo-2008
Mensajes: 48
Antigüedad: 16 años, 8 meses
Puntos: 1
Maquetando con Div's

Buenas de nuevo amigos.
Estoy aprendiendo a maquetar páginas con 'div' y css (hasta el momento lo hacía utilizando tablas, pero muchas veces resulta engorroso hacer cosas sencillas)
El problema que me encuentro es que cuando dentro de un div escribo un parrafo, existen una serie de márgenes interiores al div que me gustaría quitar (no se si es posible).
Lo que me ocurre es lo siguiente:
http://s2.subirimagenes.com/otros/pr...62problema.jpg

Como veis el texto en rojo se me centra con respecto al layer, yo quiero que quede pegado a arriba, de forma que esté en linea con la imagen.
A continuación os pongo el código que he hecho:

Código HTML:
<style type="text/css">
	@font-face {
   	font-family: punteado; 
   	src: url("fonts/V5PRD___.TTF");     
   	format("truetype");
	}
	
	@font-face {
   	font-family: rayado; 
   	src: url("fonts/edunline.ttf");     
   	format("truetype");
	}
</style>
    
    
<style type="text/css">
	p.acceso{
		font-family: punteado;
		font-size: 17px;
		font-style: normal;
		letter-spacing: normal;
		color: black;
	}
	
	p.local{
		font-family: rayado;
		font-size: 60px;
		font-style: normal;
		letter-spacing: normal;
		color: #ac0909;
		padding:0px
	}
</style> 
Código HTML:
<div style="clear:both; border:solid 1px; float:left; margin-top:60px">
<img src="images/cinta.png" />
</div>
	
<div style="border:solid 1px; float:right; margin-top:60px">
<p class="local">aslfkjadsñsadñlfj</p>
</div> 

¿Quizas esto no deba hacerse con Div? ¿Cuál sería la forma correcta?

Un saludo y muchas gracias
  #2 (permalink)  
Antiguo 13/02/2011, 12:23
 
Fecha de Ingreso: marzo-2008
Mensajes: 48
Antigüedad: 16 años, 8 meses
Puntos: 1
Respuesta: Maquetando con Div's [solucionado]

Vaya, pues al final he encontrado yo solo la solución. Era una tontería.

Código HTML:
<style type="text/css">
	p.acceso{
		font-family: punteado;
		font-size: 17px;
		font-style: normal;
		letter-spacing: normal;
		color: black;
	}
	
	p.local{
		font-family: rayado;
		font-size: 60px;
		font-style: normal;
		letter-spacing: normal;
		color: #ac0909;
		margin-top:0px
	}
</style> 
Sólo habia que poner un margin-top:0px en el css del estilo de letra =)

Gracias de todos modos

Etiquetas: Ninguno
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 22:13.