Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje23-07-2010, 23:13 (UTC)    
Título del mensaje: Problema con plantilla

Hola despues de horas y horas, consulta tras consulta, Tengo un nuevo problema. En cada link en el apartado del contenido se me desplaza hacia abajo, como puedo hacer para ponerlo justo bajo del encabezado, es decir, que no se me desplace hacia abajo que se me quede bien centrado y alineado. Gracias este el codigo.

Texto por encima
<style type="text/css">
<!--
a:link {
color: #DEDEDE;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #DEDEDE;
}
a:hover {
text-decoration: none;
color: #DEDEDE;
}
a:active {
text-decoration: none;
color: #DEDEDE;
}
-->
</style></head>
<body>
><div id="container">

<h1>Bienvenidos<strong></strong></h1>

<div id="left">

<!-- navigation -->
<div class="box">
<h2>AGENCIA </h2>

<left><ol id="main">

<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/">INDICE</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/CONTACTO.htm">CONTACTO</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/LIBRO-DE-VISITAS.htm">LIBRO DE VISITAS</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/CHAT.htm">CHAT</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/FORO.htm">FORO</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/CONSEJOS.htm">CONSEJOS</a></div>





</ol></center>
</div>

<div class="box">
<h2>PERROS DE RAZA</h2>
<left><ul>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/Machos.htm">MACHOS</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/Hembras.htm">HEMBRAS</a></div>

</ul></center>
</div>

<div class="box">
<h2>PERROS MESTIZOS</h2>
<left><ul>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/MACHOS-MESTIZOS.htm">MACHOS</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/HEMBRAS-MESTIZAS.htm">HEMBRAS</a></div>
</ul></center>
</div>

<div class="box">
<h2>CACHORROS</h2>
<left><ul>
<div class="menu-viñetas"><a href="
http://agencia-matrimonial-canina.es.tl/CACHORROS-MACHOS.htm">MACHOS</a></div>

<div class="menu-viñetas"><a href="
http://agencia-matrimonial-canina.es.tl/CACHORROS-HEMBRAS.htm">HEMBRAS</a></div>



</ul></center>
</div>


</div>

<!-- Main Area -->
<div id="content">
<div class="item">
<h2> </h2>


Texto por debajo

</div>
<div class="item_foot"></div>

<div class="item">

</div>
<div class="item_foot"></div>

</div>

<div id="right">

<div class="box">
<h2>LINKS</h2>
<center><ul>
<div class="menu-viñetas"><a href="http://cooldogs-denia.es.tl"> COOL DOGS </a></div>


</ul></center>
</div>

<div class="box">
<h2>OTROS</h2>
<center><ul>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/encuesta.htm">ENCUESTA</a></div>

</div>

<div class="box">
<h2>OTROS 2</h2>
<center><ul>
<li><a href="#">Prueva</a></li>
</ul></center>
</div>

</div>

<div id="footer"><a href="http://www.viadeescape.es.tl/">Web design By Via de Escape</a><a href="http://www.viadeescape.es.tl" id="sub"></a> </div>
</div>
</body>
</html>


CCS-CODE
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
*---------->>> GLOBAL <<<-----------*/
html { margin:0; padding:0;}
* { margin: 0; padding: 0; outline: 0; }
body {
margin:0; padding:0;
font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
font-size: 12px;
color: #ffffff; text-align: center;
background: #282a34 url('') repeat-x top center;
}
/* ---------->>> structure <<<-----------*/
#container {
margin: 0 auto;
width: 874px;
text-align: center;
}
#container h1 {
background:url('http://img26.xooimage.com/files/5/9/5/age-1e883a2.jpg') no-repeat;
width: 874px;/*874*/ height: 270px;/*270*/
padding: 20px 0 0 138px; margin: 0;
display: block; overflow: visible;
text-align: left; float: left;
font-size: 30px; font-weight:normal;
}
html>body #container h1 {
width: 737px; height: 250px;
}
/* ---------->>> left <<<-----------*/
#left {
width: 192px;
margin: 1px 0 0 0; padding: 0;
float: left;
text-align: left;
}
#left a {
color: #191919;
text-decoration: none;
margin: 20px 0 0 15px; padding: 0;
}
#left .box {
background: #ffffff url(http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg) no-repeat bottom center;
width: 192px;
margin: 12px 0 0 0; padding: 0 0 15px 0;
}
#left .box h2 {
background: #ffffff url(http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg) no-repeat top center;
width: 192px /*192*/; height: 31px /*31*/;
padding: 9px 0 0 0; margin: 0;
display: block; overflow: visible;
text-align: center;
font-size: 12px;
}
html>body #left .box h2 {
width: 192px; height: 22px;
}
#left ol#main {
margin: 6px 0 0 18px; padding: 0;
list-style: none;
}
ol#main li {
font-size: 12px;
}
ol#main li a:link, ol#main li a:visited {
color: #282a34;
text-decoration: none;
font-weight: normal;
margin: 8px 0 0 0; padding: 0 0 1px 0;
}
ol#main li a:hover, ol#main li a:active {
font-weight: bold;
margin: 2px 0 3px 6px; padding: 0 0 1px 0;
border-bottom: solid 1px #191919;
}
#left ul {
margin: 6px 0 0 18px; padding: 0;
list-style: none;
}
#left ul li a {
color: #191919;
text-decoration: none;
font-weight: normal;
margin: 0; padding: 0;
}
/* ---------->>> main <<<-----------*/
#content {
width: 478px;
margin: 1px 0 33px 5px; padding: 0;
float: left;
text-align: left;
}
.item {
background: url('') repeat-y top center;
width: 478px;
margin: 12px 0 0 0; padding: 0;
}
.item_foot {
background: url('') no-repeat bottom center;
width: 478px; height: 14px;
margin: 0; padding: 0;
}
.item h2 {
background: # url('http://img3.xooimage.com/files/4/f/a/main_title-123e1d5.jpg') no-repeat top center;
width: 478px /*478*/; height: 43px /*43*/;
padding: 9px 299px 0 43px; margin: 0;
text-align: center;
font-size: 12px;
}
html>body .item h2 {
width: 136px; height: 34px;
}
.item p {
font-weight: bold;
padding: 7px 11px 7px 11px; margin: 0;
}
.item a {
color: #CCCCCC;
text-decoration: none;
}
/* ---------->>> right <<<-----------*/
#right {
width: 192px;
margin: 1px 0 0 6px; padding: 0;
float: left;
text-align: left;
}
#right .box {
background: #ffffff url('http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg') no-repeat bottom center;
width: 192px;
margin: 12px 0 0 0; padding: 0 0 15px 0;
text-align: left;
}
#right a img {
color: #191919;
text-decoration: none;
text-align: center;
border: none;
margin: 5px 0px 5px 2px; padding: 0;
}
#right .box h2 {
background: #ffffff url('http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg') no-repeat top center;
width: 192px /*192*/; height: 31px /*31*/;
padding: 9px 0 0 0; margin: 0;
text-align: center;
font-size: 12px;
}
html>body #right .box h2 {
width: 192px; height: 22px;
}
/* ---------->>> right <<<-----------*/
#footer {
width: 875px; height: 73px;
background: url('') no-repeat;
margin: 33px 0 0 0; padding: 0;
clear: both;
position: relative;
}
a#ct {
width: 151px; height: 31px;
position: absolute; top: 0; left: 703px;
}
a#sub {
background: url('./images/sub-2.jpg') no-repeat;
width: 137px; height: 62px;
position: absolute; top: 7px; left: 12px;
}

Espero vuestra respuesta
Mensaje23-07-2010, 23:43 (UTC)    
Título del mensaje:

Hola!

El diseño tiene algunos errores, te recomiendo utilizar otro diseño, en la sección Css hay muchos diseños que se adaptan perfectamente al contenido de su sitio

Saludos!
Mensaje23-07-2010, 23:47 (UTC)    
Título del mensaje: repsuesta

y los diseños que hay en css tambien los puedes modificar a tu gustos puedes usar algunos programas para hacerlo mas facil como dreamweaver

Mensaje24-07-2010, 09:41 (UTC)    
Título del mensaje: Re: repsuesta

xlosmaspro escribió:
y los diseños que hay en css tambien los puedes modificar a tu gustos puedes usar algunos programas para hacerlo mas facil como dreamweaver



VOLVER A EMPEZAR DE NUEVO???? Con lo que me ha costado llegar hasta aqui!!!! Esos errores no se pueden solucionaR?
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group