Yii Framework Forum: css margen anidado - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

css margen anidado Rate Topic: -----

#1 User is offline   gallego123 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 535
  • Joined: 11-August 09
  • Location:Argentina

Posted 25 February 2010 - 10:35 AM

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

Quote

MASTER1
...DETAIL1
.....pepe
...DETAIL2
.....papa
MASTER2


y sale asi

Quote

MASTER1
...DETAIL1
.....pepe
......DETAIL2
........papa
..........MASTER2


gracias !!!
KISS - Keep It Simple Stupid
ASAP-As Soon As Possible
http://www.yiiframew...oc/cookbook/71/
0

#2 User is offline   PoL 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 506
  • Joined: 05-November 08
  • Location:Buenos Aires, Argentina

Posted 25 February 2010 - 10:40 AM

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)
Don't say what you think, think what you say
The problem is communication! Excess of communication!
0

#3 User is offline   PoL 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 506
  • Joined: 05-November 08
  • Location:Buenos Aires, Argentina

Posted 25 February 2010 - 10:42 AM

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...
Don't say what you think, think what you say
The problem is communication! Excess of communication!
0

#4 User is offline   gallego123 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 535
  • Joined: 11-August 09
  • Location:Argentina

Posted 25 February 2010 - 10:59 AM

View PostPoL, on 25 February 2010 - 10:42 AM, said:

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
Attached File  ejemplo.html (1.22K)
Number of downloads: 10

[edit]

master=matricula
detail=novedad

This post has been edited by Horacio Segura: 25 February 2010 - 11:00 AM

KISS - Keep It Simple Stupid
ASAP-As Soon As Possible
http://www.yiiframew...oc/cookbook/71/
0

#5 User is offline   Jack Fiallos 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 256
  • Joined: 15-October 09
  • Location:Mexico

Posted 25 February 2010 - 11:15 AM

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>

Celestic Dev Team
Yii Open Source Project Manager
1

#6 User is offline   PoL 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 506
  • Joined: 05-November 08
  • Location:Buenos Aires, Argentina

Posted 25 February 2010 - 11:40 AM

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...
Don't say what you think, think what you say
The problem is communication! Excess of communication!
1

#7 User is offline   gallego123 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 535
  • Joined: 11-August 09
  • Location:Argentina

Posted 25 February 2010 - 02:27 PM

Gracias !!!

voy a ver como arreglo ese desorden de código y logro hacer algo CSS-able elimando las tablas, je

Saludos
KISS - Keep It Simple Stupid
ASAP-As Soon As Possible
http://www.yiiframew...oc/cookbook/71/
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users