Problemas con los bordes??? (solucion)

Hola, escribo este tema, porque he visto que muchos de nosotros
hemos batallado con los bordes (que se separan)

Espero que lo vea Jorgens, para que arregle esto en las lecciones

en esta leccion, nos dice como vamos con los codigos
Hasta aqui todo va muy bien

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}


pero al aplicar los bordes vemos que se separa la div contenido

y al verl la plantilla de como va quedando todo veo en la hoja de estilos esto:

#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}



despues de mucho ver los codigos, creo que esta es la razón de que batallamos tanto

saludos y buen dia a todos

En esto tienes toda la razón. ¿Eres una Web master o lo aprendiste en CCTW?

lo mucho o poco que sé de esto

lo he aprendido aqui

gracias a las lecciones y a la ayuda que recibí de la gente del foro

:wink:

Hola Yaneth!!!

Gracias por tu ayuda. Ahora a ver si me ayudas nuevamente, no me podrias poner el codigo completo de estilo-general.css con el cambio incluido? es que me mareé un poco y creo que caambie los codigostratando de arreglarlo

Muchas Gracias!!!

Pues si has seguido el paso a paso

tendrás algo como esto

en la hoja de estilos


* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }

a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

hola gracias por la sugerencia busque y busque y no encontre la forma de solucionarlo, soy mas que nueva en esto y realmente voy a necesitar mucha ayuda, porq hay muchas cosas que no me quedan claras. Gracias por la ayuda :D

Huy, se ve que este mensaje se me escapó...

Qué es eso de que los bordes se separan? Me podiais enviar una foto de lo que decís?

Me extraña que lo que dice Yaneth sea el problema, aunque... la verdad es que ha aprendido un montón en este tiempo..

Decidme algo! no quiera tener fallos en las lecciones! je je.

Un abrazo!

Hola

mira he subido esto para que lo veas:

esta se mira bien

http://unpocodemucho.atwebpages.com/plantilla.html


y esta se separa, le he puesto color blanco para que se note mas

http://unpocodemucho.atwebpages.com/plantilla2.html

fijate bien en los lados, como los bordes laterales no tocan el pie de página


saludos

Anda!

Y cual es la diferencia en sus codigos? Es raro, pues la que yo tengo en el ejemplo se ve sin esa separación, no?

Es esta:
http://www.comocreartuweb.com/html-kit-tutorial/plantilla-22.html

O quizás he tenido algun error al escribir las lecciones y el codigo de esa plantilla-22 no es el que hay en las lecciones?

Ocurre eso en todos los navegadores? o solo en alguno?

Este es parte del codigo de la plantilla que tienes arriba ok?

http://www.comocreartuweb.com/html-kit-tutorial/estilo-general-22.css

#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}





y en esta leccion, nos dice como vamos con los codigos


http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}


y en las siguientes lecciones, no indicas que hay que modificar ese numerito

(espero haberme explicado bien)

saludos

Ups, voy a verlo bien...

Muchas gracias Yaneth! eres un sol! :wink:

:wink:

Gracias Yaneth !!

Lo he solucionado

Eres la mejor!!!

A ver...

Probad a ponerle padding en lugar de margin a esa linea a ver si os sale bien. Es decir, en la hoja de estilo, eliminamos

#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}

y le colocamos un padding, respetando el 5px:

#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

Resulta bien así? :roll:

Siiiii

con el padding, si funciona bien ejej

hasta le he exagerado un poquitin, para ver los resultados

y no se separa

jeje

muchas gracias

saludos

Espero acordarme cuando llegue a casa de cambiarlo en las lecciones.. (ahora toy en el curro, como tú, je je).

Un saludo y gracias por el aviso! :wink: