Hola amigos
yo otra vez con css
tengo un problema
tengo grupos anidados y quiero que los grupos esten indentados
hice algo asi
<div class="master">
<div class="detail">
<div class="simple">
<p> algo </p>
</div>
</div>
</div>
y el css
.master {
margin-left:10px;
}
.detail {
margin-left:20px;
}
.simple {
padding: 0.13em 0;
}
Pero no sale indentado como quisiera
yo quiero algo asi
MASTER1
…DETAIL1
…pepe
…DETAIL2
…papa
MASTER2
y sale asi
MASTER1
…DETAIL1
…pepe
…DETAIL2
…papa
…MASTER2
gracias !!!
cyberpol
(Cyberpol 777)
February 25, 2010, 3:40pm
2
Hola Horacio,
proba asi:
.master {
padding-left:10px;
}
.detail {
padding-left:10px;
}
.simple {
padding: 0.13em 0;
}
Padding es el "margen hacia adentro" (Busca "modelo de cajas en css" y te vas a dar cuenta)
cyberpol
(Cyberpol 777)
February 25, 2010, 3:42pm
3
Perdon, vi el indentado que hicieste despues de que postee…
Tenes bien anidados los div?
Me podes mostrar un ejemplo con mas master details, etc, pero el html mostrame…
Perdon, vi el indentado que hicieste despues de que postee…
Tenes bien anidados los div?
Me podes mostrar un ejemplo con mas master details, etc, pero el html mostrame…
los div estan anidados
ok, no te asustes con el codigo
lo estoy mejorando de a poco
556
ejemplo.html
[edit]
master=matricula
detail=novedad
jackfiallos
(Erling Fiallos)
February 25, 2010, 4:15pm
5
Acabo de ver el codigo… y tambien cuando vi como estabas identando pense en si estabas cerrando correctamente los divs… pero creo que un ejemplo claro y sencillo seria
<html>
<style>
.master {
margin:10px;
border:1px solid blue;
}
.detail {
margin:20px;
border: 1px solid red;
}
.simple {
margin: 30px;
border:1px solid orange;
}
</style>
<div class="master">
Master
<div class="detail">
Detail
<div class="simple">
<p> algo </p>
</div>
</div>
</div>
<div class="master">
Master
<div class="detail">
Detail
<div class="simple">
<p> algo </p>
</div>
</div>
</div>
<div class="master">
Master
<div class="detail">
Detail
<div class="simple">
<p> algo </p>
</div>
</div>
</div>
</html>
cyberpol
(Cyberpol 777)
February 25, 2010, 4:40pm
6
Exactamente lo que dice Jack… el problema esta en que los divs no estan bien anidados… el ejemplo que puso Jack es perfecto para lo que queres lograr…
Gracias !!!
voy a ver como arreglo ese desorden de código y logro hacer algo CSS-able elimando las tablas, je
Saludos