Empezando con css

sublime_style · #1 (**permalink**) 15/07/2008, 22:54

Buenas foreros! me dirijo a uds porque empece hace un par de dias a descubrir las facilidades de Css, soy muy nuevo en la parte de diseño web
(8 meses), y desde el principio arranque usando tablas sin saber que habia otras opciones mas prolijas por asi decirlo.
Me gustaria que me recomenden algunos manuales y/o tambien darme algun dato importante a tener en cuanta.
Muchas gracias!!

DoPeY-BBS · #2 (**permalink**) 16/07/2008, 00:33

bueno mira, comienza aquí http://www.cssya.com.ar/ y luego puede irte al enlace que tengo en la firma :)

buenas suerte

Jamati · #3 (**permalink**) 17/07/2008, 11:07

Te paso algunas cosas que estaría muy interesante que las vayas viendo para ver como funciona el CSS:

http://www.lawebera.es/manuales/css1
http://www.cssya.com.ar
http://www.juque.cl/weblog/2005/01/1...in-tablas.html
http://juglar103.blogsome.com/category/css
http://www.forosdelweb.com/f53/extra...ltiples-574017

Suerte

sublime_style · #4 (**permalink**) 17/07/2008, 12:41

Gracias muchachos la verdad que estan muy buenas las paginas

Tengo una consulta. En el cuerpo de mi pagina tengo una barra de menu a la izquierda y otra a la derecha, y entre ellas donde se desplegará la información, los he colocado con float pero no se si me ocasionara problemas en un futuro...

HTML::

Código:

  
<div id="contenedor">

<div id="menu">
   <ul>
      <li>Home</li>
      <li>El depatramento</li>
      <li>Turismo y Servicios</li>
      <li>Eventos y Tours</li>
      <li>Contactos</li>
   </ul>
</div>
<div id="menu_der">Contenido</div>
<div id="cuerpo">
   <p>Prueba</p>
   <p>Prueba</p>
   <p>Prueba</p>
   <p>Prueba</p>
   <p>Prueba</p>
   <p>Prueba</p>
</div>

</div>

CSS::

Código:

#contenedor {
	width: 1003px;
}
#menu{
	float:left;
	width:150px;
		
} 
#menu_der{
	float:right;
	width:150px;
	padding-top: 20px;
} 
#cuerpo{
	background-color: #FFFFFF;
	width: 680px;
	padding-left: 5px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-width: 1px;
	text-align: center;
	border-color: #316AC5;
}

si me pueden orientar se los agradecería!

daPhyre · #5 (**permalink**) 17/07/2008, 12:45

¿Por qué podría ocacionarte problemas? No lo entiendo...

Lo que si te puedo recomendar es que al central (cuerpo), no le pongas un width, de esta forma siempre se ajustará al tamaño total, ya sea que esté contenido en un contenedor estático (px) o dinámico (%)

Mikmoro · #6 (**permalink**) 17/07/2008, 17:06

No, mientras #cuerpo no tenga un color de fondo no notarás los problemas. Cámbialo y pruébalo. Y ponle también color de fondo al menú derecho.

Mikel.

sublime_style · #7 (**permalink**) 18/07/2008, 12:45

Ayudaa! los divs del cuerpo y menus se superponen al pie cuando ejecuto en firefox, se que debo estar haciendo algo mal, hay alguna propiedad para que no se superpongan?
intenté poniendo el cuerpo y los menus en un contenedor e igualmente superponen al pie.

poison_mayer · #8 (**permalink**) 18/07/2008, 13:19

Prueba esto debe resolver

<html>
<head>
<style>
#contenedor {
width: 100%;
}
#menu{
float:left;
width:150px;

}
#menu_der{
float:right;
width:150px;
padding-top: 20px;
}
#cuerpo{
background-color: #FFFFFF;
padding-left: 5px;
border-right-style: dotted;
border-left-style: dotted;
border-width: 1px;
text-align: center;
border-color: #316AC5;
margin: 0 150px 0 150px;
}
</style>
</head>
<body>
<div id="contenedor">

<div id="menu">
<ul>
<li>Home</li>
<li>El depatramento</li>
<li>Turismo y Servicios</li>
<li>Eventos y Tours</li>
<li>Contactos</li>
</ul>
</div>
<div id="menu_der">Contenido</div>
<div id="cuerpo">
<p>Prueba</p>
<p>Prueba</p>
<p>Prueba</p>
<p>Prueba</p>
<p>Prueba</p>
<p>Prueba</p>
</div>

</div>
</body>
</html>

sublime_style · #9 (**permalink**) 18/07/2008, 13:32

Genial!!! funciono barbaro, yo me hacia la idea de que el margen establecia el "margen" para con los otros div o cualquier otro elemento, pero veo que situa el margen con los limites de quien lo contiene... me equivoco?
Desde ya les agradezco mucho por toda la ayuda brindada y espero poder ayudarlos en algun momento