Foros del Web » Creando para Internet » CSS »

Hola quetal que les parece mi codigo

Estas en el tema de Hola quetal que les parece mi codigo en el foro de CSS en Foros del Web. Hola como estan hace poco empece con css y he aprendido mucho mirando manuales y viendo las preguntas y soluciones que hacemos en el mismo ...
  #1 (permalink)  
Antiguo 31/07/2008, 23:48
Avatar de acoevil  
Fecha de Ingreso: julio-2008
Ubicación: localhost/colombia/sevillaValle.php
Mensajes: 1.123
Antigüedad: 9 años, 4 meses
Puntos: 30
Hola quetal que les parece mi codigo


Hola como estan hace poco empece con css y he aprendido mucho mirando manuales y viendo las preguntas y soluciones que hacemos en el mismo Foro lo que pasa es que quiero que me digan si mi codigo es muy redundante o muy confuso mejor dicho quiero que me digan que deberia mejorar para que fuera mas preciso

Les recuerdo hace poco empece comprendamen jajaja

TODO ES CSS


body
{
background:#FFF;
}
#contenedor
{

/* ESTE ES EL CONTENEDOR PRINCIPAL DE LA WEB*/
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:2em;
background:#304550;
width:900px; height:800px;
border:3px solid #ccc;
margin:auto;

}
/* ESTE ES EL CONTENEDOR DONDE ESTA UBICADO EL BANNER*/
#contenedor2
{
font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:1em; text-align:center; text-transform:capitalize;
background:#304550;
width:880px; height:150px;;
border:3px solid #E9E9E9;
border-bottom:0px;
margin:2px 10px;
}
/* ESTE ES EL CONTENEDOR DONDE ESTA UBICADO LOS ENLACES*/

#contenenlaces
{
font-family:"Lucida Sans Unicode"; font-size:20px; color:#fff; text-align:center; text-transform:capitalize;
background:#333333;
border:3px solid #E9E9E9;
margin:2px 10px;
}

/*ESTE ES EL CODIGO DE LOS ENLACES A:LINK A:VISITED A:HOVER*/
a:link,a:visited
{
color:#fff; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center;
text-transform:capitalize;text-decoration:none;
margin:3px;
}
a:hover{
color:#fff; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center,
text-transform:capitalize;text-decoration:none;
background:#666666;
}


/*ENLACES PARTE CONTENEDORIZ*/

ul.menu
{
/*list-style-type:none;*/
}
ul.menu ul
{

list-style-type:none;
display:none;
}
ul.menu li:hover >ul
{
display:block;
}

/*********************** CLASES ***************************************/
p,li{color:#000;}
.text{color:#336699;font-size:9pt; text-decoration:none;}
.text2{color:#333333;font-size:9pt; text-decoration:none;}

/*********************************************** --->>> H1 H2 H3 H4 .. <<<--*/


/* TITULOS */
h1 {font-family:Tahoma; color:#fff; font-size:20px;}


/* PARA ENLACES DE NAVEGACION IZQUIERDOS */
h2 {color:#000; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center;
text-transform:capitalize;text-decoration:underline;
}
/*********************************************** --->>>*/

/* CONTENEDORES DONDE SE ENCUENTRA UBICADO LOS TEXTO TITULOS Y DEMAS RELLENO */

#contenedoriz
{
font-family:"Lucida Sans Unicode"; font-size:20px; color:#fff; text-align:left; text-transform:capitalize;
background:url(desbanecido.jpg) repeat-x #fff; /*TAMBIEN SE PUEDE DEFINIR background:url(desbanecido.jpg) repeat-x; background-color:#fff; para que de el efecto de imagen con fondo coloreado;*/
border:3px solid #E9E9E9;
padding:5px;
margin-right:0px;
margin:2px 10px; /* el primer px maneja top -- bottom el otro px maneja left--right*/
float:left;
width:200px; height:500px;
}

#contenedorprin
{
background:url(desbanecido.jpg) repeat-x #FFFFFF;

color:#000;
width:628px;
border:3px solid #e9e9e9;
padding:5px 3px;
float:right;
margin:2px 10px;

}

AQUI EL DISEÑO :)

http://www.truekesoft.net/mi%20web%20css/nuevo%20dise%f1o%20en%20css/nuevo%20dise%f1o/index.html

Última edición por acoevil; 31/07/2008 a las 23:53 Razón: mejorarlo
  #2 (permalink)  
Antiguo 31/07/2008, 23:57
Avatar de acoevil  
Fecha de Ingreso: julio-2008
Ubicación: localhost/colombia/sevillaValle.php
Mensajes: 1.123
Antigüedad: 9 años, 4 meses
Puntos: 30
Respuesta: Hola quetal que les parece mi codigo

Ufff y tengo serios problemas en IE se ve raro y he buscado pro todos los medios posibles pero no doi con lo que es que me aconsejan???
  #3 (permalink)  
Antiguo 01/08/2008, 00:22
 
Fecha de Ingreso: julio-2008
Mensajes: 7
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Hola quetal que les parece mi codigo

Hola,

Si se puede reducir, por ejemplo estas repitiendo el tipo de letra para los textos del dentro del div #contenedorprin, podrias asignar el tipo al div, asi solo el titulo tendria su propio tipo de letra y el resto del texto heredaria el tipo. Algo similar para contenedor2 y #contenedorprin, se puede asignar los estilos comunes al elemento que los contiene.

Te recomiendo que instales Firebug para Firefox, si es que todavia no lo estás usando. Vas a poder determinar que estilos usa cada elemento, de donde provienen (de donde heredan) y cambiarlos facilmente.

Saludos,

Oscar
  #4 (permalink)  
Antiguo 01/08/2008, 09:56
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 9 años, 9 meses
Puntos: 3
Respuesta: Hola quetal que les parece mi codigo

Podrías poner el código de tu pagina completo para verlo mejor ?
  #5 (permalink)  
Antiguo 01/08/2008, 10:38
Avatar de acoevil  
Fecha de Ingreso: julio-2008
Ubicación: localhost/colombia/sevillaValle.php
Mensajes: 1.123
Antigüedad: 9 años, 4 meses
Puntos: 30
Respuesta: Hola quetal que les parece mi codigo

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<link href="mi estilo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="contenedor">
<div id="contenedor2">
<p><h1>Desarrollo web :) Manuales Online</h1></p>
</div>
<div id="contenenlaces"><a href="#">.::Inicio::.</a><a href="#">.::Ayuda::.</a><a href="#">.::Manules::.</a> <a href="#">.::Css::.</a><a href="#">.::Html::.</a><a href="#">.::Foros::.</a><br />
</div>
<div id="contenedoriz"><h2>
<p>Izquierda</p>
<p>&nbsp;</p>
<ul class="menu">
<li>Opciones
<ul>
<li>primera</li>
<li>segunda</li>
</ul>
<li>opcion 2
<ul>
<li>tercera</li>
<li>cuarta</li>
</ul>
</li>
</li>

</ul>
</p>
</div>
<div id="contenedorprin">
<h2>Principal</h2>
</p>
<p class="text">Aqui empezaremos con el manual de css :)</p>
<p class="text2">Aqui estoy uyilizando la segunda clase :)</p>
</p>
</div>
</div>
</body>
</html>
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 23:36.