Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje09-02-2014, 05:36 (UTC)    
Título del mensaje: ayuda con esta plantilla

algun capo que me ayude.

estoy editando esta plantilla pero me es imposible subir el body y queda separado del menú

http://biocomplemento.es.tl/

estos codigos son los que coloque

encima del texto:

</head>

<body>

<div id="slider">
<div id="wrapper">

<div id="header"><a href="http://www.freecsstemplates.in/page/1">

<h1>Bio Complemento<span></span></a></h1>
</div>

<div id="menu">
<ul class="navigation">
<li id="current"><a href="biocomplemento.es.tl" target="_parent">Home</a></li>
<li><a href="http://biocomplemento.es.tl/Agenda-I.htm">Agenda I<span class="ui_icon aboutus"></span></a></li>
<li><a href="http://biocomplemento.es.tl/Agenda-II.htm">Agenda II<span class="ui_icon services"></span></a></li>
<li><a href="http://biocomplemento.es.tl/Catedra.htm">Cátedra<span class="ui_icon gallery"></span></a></li>
<li><a href="http://biocomplemento.es.tl/Contacto.htm">Contacto<span class="ui_icon contactus"></span></a></li>
</ul>
</div>


Debajo de la pagina:

<div id="footer">
<div align="left"></div>
</div>

</div> <!-- end of wrapper -->
</div> <!-- end of slider -->
</body>
</html>

Codigo Css:

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;}

#slider {
position: relative;
width: 100%;
}

#wrapper {
width: 960px;
padding: 0;
margin: 0 auto;
}

#header {
width: 960px;
height: 101px;
background: url(http://imageshack.com/a/img822/7453/n5r3.png) no-repeat
}

#header h1 { margin: 0; padding: 0 }

#header h1 a {
display: block;
float: left;
margin: 20px 0 0 140px;
width: 320px;
font-size: 30px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #600;
text-decoration: none;
}

#header h1 a span { display: block; font-size: 15px; color: #000; }

#menu {
width: 780px;
height: 40px;
padding: 0 190px;
background: url(http://imageshack.com/a/img30/1498/vz7c.png) no-repeat
}


#content {
clear: both;
width: 700px;
height: 360px;
padding: 80px 130px 52px 130px;
background: url(http://imageshack.com/a/img35/294/mpo8.png) no-repeat
}

#footer {
width: 700px;
color: #c4af9e;
padding: 20px 130px;
text-align: center;
}

#footer a {
color: #c4af9e;
}

#footer a:hover {
color: #ec800b;
}

.scroll {
height: 360px;
width: 700px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
}

.scrollContainer div.panel {
height: 360px;
width: 700px;
padding: 0;
overflow: hidden;
}

ul.navigation {
width: 960px;
height: 40px;
list-style: none;
margin: 0 auto;
padding: 0;
}

ul.navigation li {
display: inline;
margin: 0;
padding: 0;
}

ul.navigation a {
float: left;
display: block;
width: 100px;
height: 30px;
padding: 10px 0 0 0;
margin-right: 1px;
color: #3f3228;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
}

ul.navigation a:hover, ul.navigation a.selected {
color: #000;
text-shadow: 1px 1px 1px #fed8ae;
background: url(http://imageshack.com/a/img802/7836/6xl1.png) repeat-x;
}

ul.navigation a:focus {
outline: none;
}

.scrollButtons {
position: absolute;
top: 300px;
cursor: pointer;
}

.scrollButtons.left {
left: -50px;
}

.scrollButtons.right {
right: -50px;
}

.hide {
display: none;
}

body {
margin: 0px;
padding: 0px;
color: #a29e99;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
line-height: 1.5em;
background-color: #000000;
background-image: url(http://imageshack.com/a/img841/1060/0k5w.jpg);
background-repeat: no-repeat;
background-position: top center
}

a, a:link, a:visited { color: #ef8412; text-decoration: underline; }
a:hover { text-decoration: none; }

p { margin: 0 0 15px 0; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #b9e401; font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 38px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; line-height: 30px; }
h2 { font-size: 30px; font-weight: normal; margin: 0 0 20px 0; font-weight: normal; line-height: 30px }
h3 { font-size: 24px; margin: 0 0 15px 0; padding: 0; padding: 0; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 5px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 5px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; font-weight: bold }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; border: 1px solid #000; padding: 4px; background: #222; margin-bottom: 10px }
.image_fl { float: left; margin: 3px 30px 0 0 }
.image_fr { float: right; margin: 3px 0 0 30px }

blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#333; }
cite span { color: #666; }
em { color: #fff; }

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(http://imageshack.com/a/img571/4534/rsej.png) no-repeat; margin:0 0 20px; padding: 0 0 0 20px; line-height: 1em; }
.tmo_list li a { color: #fff; }
.tmo_list li a:hover { color: #ff4301; }

.btn_more a {
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #ef8412;
padding: 2px 15px 2px 0;
text-decoration: none;
}

.btn_more a:hover {
color: #b9e401;
text-decoration: underline;
}

.col_320 { width: 320px; }

#social_box {
display: block;
height: 48px;
padding: 0;
margin: 0;
}

#social_box li {
display: block;
float: left;
padding: 0;
margin: 0;
}

#social_box li a {
width: 48px;
height: 48px;
margin-right: 60px;
}

.service_list { margin: 30px 0 0 15px; padding: 0; list-style: none; }
.service_list li { margin: 0; padding: 0; }
.service_list li a { font-size: 14px; display: block; height: 25px; margin-bottom: 12px; padding-left: 40px; text-decoration: none; }

.service_list li .service_one { background: url(images/onebit_08.png) center left no-repeat; }
.service_list li .service_two { background: url(images/onebit_11.png) center left no-repeat; }
.service_list li .service_three { background: url(images/onebit_17.png) center left no-repeat; }
.service_list li .service_four { background: url(images/onebit_21.png) center left no-repeat; }
.service_list li .service_five { background: url(images/onebit_12.png) center left no-repeat; }

#contact_form { padding: 0; }

#contact_form form { margin: 0px; padding: 0px; }

#contact_form form .input_field {
width: 310px;
padding: 5px;
background: #000;
border: 1px solid #36322e;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#contact_form form label { display: block; width: 100px; margin-top: 5px; font-size: 12px; }

#contact_form form textarea {
width: 310px;
height: 100px;
padding: 5px;
background: #000;
border: 1px solid #36322e;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#contact_form form .submit_btn { padding: 5px 10px; background: #000; border: 1px solid #36322e; color: #FFFFFF; }

#contactus h4 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000 }

#gallery_container { clear: both; margin-top: 30px; padding-right: 40px; width: 640px; height: 300px; overflow: auto; }

#gallery_container .gallery_box {
clear: both;
display: block;
padding: 0;
margin: 0 0 40px 0;
}

.gallery_box img {
float: left;
width: 280px;
height: 100px;
padding: 4px;
background: #1b2c35;
border: 1px solid #0b1418;
margin: 3px 30px 0 0;
}

Seguro hay un error de codigo, pero no logro hallarlo, si alguien me puede ayudar estare agradecido.

Saludos
Mensaje09-02-2014, 08:53 (UTC)    
Título del mensaje: Re: ayuda con esta plantilla

hola, el codigo tiene varios fallos... aunque en fin, no afectan mucho al diseño....

las etiquetas </head> </body> </html> no las necesitas, pwg tiene la ventaja de que ya te coloca automaticamente cada codigo en su lugar.

- en el id="header" hay puesto un
Cita:
<a href="http://www.freecsstemplates.in/page/1">

de todas formas, me a servido para comprobar que no es plantilla robada, lo cual es correcto...
pero para ponerlo bien, debes quitarlo, no lo necesitas... o puedes ponerlo de tal forma que lo puedas usar como en bloguer, que si lo clikeas te de de vuelta a inicio, simplemente pon tu web, o #
osea:
Código:
<div id="header"><a href="#">


- cuerpo de mensaje:
Aqui viene el porque se baja, tu duda....
la caja no tiene parametros de posicion, entonces actua por defecto, tambien vi que "padding" no tiene los parametros activados aunque esten escritos, no estan completos, aun asi, no es un problema, yo los active y no me gusto el resultado asi que lo dejamos tal cual...
en lugar de eso, puse una linea de posicion, y lo coloqué..

ve al css y busca la linea de content, y añade esta linea de color:
Cita:
#content {
clear: both;
width: 900px;
height: 360px;
position: relative; top: -20px;
padding: 80px 230px 52px 130px;
background: url(http://imageshack.com/a/img35/294/mpo8.png) no-repeat
}


ya me contaras, saludos.

pd: si quieres activar el padding seria poner un ; despues de los px, osea:
padding: 80px; 230px; 52px; 130px;
aunque yo lo probé y no me gusto, es para ajustar la posicion del texto.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje10-02-2014, 03:11 (UTC)    
Título del mensaje:

Aplicare lo que escribes y te comento.
Saludos y gracias
Mensaje10-02-2014, 03:30 (UTC)    
Título del mensaje:

Resulto, como se nota que sabes de esto amigo.

Lo ultimo que quisiera pedirte aprovechando tus conocimientos
Cuando apreto el boton Home me da error.

Agradecido de antemano
Mensaje10-02-2014, 03:41 (UTC)    
Título del mensaje:

biocomplemento escribió:
Resulto, como se nota que sabes de esto amigo.

Lo ultimo que quisiera pedirte aprovechando tus conocimientos
Cuando apreto el boton Home me da error.

Agradecido de antemano


Disculpen q me meta, pero ese error es porque en el link de home pusiste "biocomplemento.es.tl" sin el http://www., lo puedes solucionar cambiando el link a "http://www.biocomplemento.es.tl"
______________
Mensaje10-02-2014, 20:50 (UTC)    
Título del mensaje:

muchas gracias, el error esta corregido.

saludos
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group