problema con letras pagadas al margen

http://www.narutolatino.260mb.com/plantilla.html
se pregunta porque moletatanto? medijeron cada duda un pots :D
bueno miren en el cento de la pagina donde esta la bienvenida beran las letras pagada al marge como las separos :?: :?: :?:

Ese texto lo tienes en un div llamado central
Pues en la hoja de estilos debes de ponerle a ese div (además de lo que tenga) un padding, por ejemplo de 5px, de la siguiente forma:
#central {padding: 5px}
Saludos :wink:

:( no me sirbio ademas si lo pongo se descuadra todo

css:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify ; color: Gray ; }
h1 {font-size: 1.2em; color:#FFA500 ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:#FFA500 ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 0.9em; color:#FFA500 ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {background-image:url(objetos/fondo.jpg) ; text-align:center }
#global {width:900px ; margin:4px center ; }
#curva-superior { background-image: url(bjetos/curva-superior.gif) ; #FFA500
background-repeat: no-repeat ;
width: 800px ;
height:0px ;
overflow: hidden }
#cabecera {background-color:none ; height:400px}
#logotipo {width:280px ; float:center ; margin: 5px 0px 10px px ; background-color:}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: ; border: none ; height:20px ; background-image: url(objetos/hn.jpg) ;background-position: center ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px ;}
#navegacion ul { margin-left: 180px }
#contenido {background-color: ; border-left: black 1px solid ;
border-right: black 1px solid ; }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px ; }
#menu {background-color:#292929 ; width: 150px ; float:left ;
text-align:left ; margin: 6px 0px 0px 0px ;
background-image: url(objetos/);
background-position: bottom ;
padding-bottom:5px ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:15px ; padding-bottom:6px ; border-bottom:orange 1px solid ;
background-image: url(objetos/h1.jpg) }
#entretenimento{background-color:#292929 ; width: 150px ; float:left ;
text-align:left ; margin: 5px 0px 0px 0px ;
background-image: url(objetos/);
background-position: bottom ;
padding-bottom:5px ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#entretenimento li {list-style:none ; margin: 4px 8px 4px 6px }
#entretenimento h1 {text-decoration:none ; font-size:15px ; padding-bottom:6px ; border-bottom:orange 1px solid ;
background-image: url(objetos/h1.jpg) }
#anime {background-color:#292929 ; width: 150px ; float:left ;
text-align:left ; margin: 5px 0px 0px 0px ;
background-image: url(objetos/);
background-position: bottom ;
padding-bottom:5px ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#anime li {list-style:none ; margin: 4px 8px 4px 6px }
#anime h1 {text-decoration:none ; font-size:15px ; padding-bottom:6px ; border-bottom:orange 1px solid ;
background-image: url(objetos/h1.jpg) }
#pie { background-color: #292929 ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ;border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;}
#pie li {list-style:none ; font-size: 10px }
#pieuno { float:left ; width:150px ; text-align:left }
#piedos {background-color: none ; float:left; width:498px ; text-align: center }
#pietres { float:right ; width:150px ; text-align:right }

#curva-inferior { background-image: url(bjetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:0px ;
overflow: hidden }
a {color:#9C9C9C ; text-decoration:none ; display: block ; }
a:link {}
a:visited {}
a:hover {color:#FFA500 ; text-decoration:underline ; background-color: ilver}
a:active {}
#pie a {color:#9C9C9C ; text-decoration:none ; display: bloc }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:#FFA500 ; text-decoration:underline ; background-color: ilver}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: none }
#logotipo a:active {}
#menu-1 {background-color:; width: 150px ; float:left ;
text-align:left ; margin: 0px 0px 0px 0px ;
background-image: ;
background-position: ;
padding-bottom:5px }
#central {background-color:#292929 ; width: 502px ; float:center ;
text-align:justify ; margin: 6px 0px 0px 0px ;
background-image: ; border-left:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;
background-position: bottom ;
padding-bottom:10px ; } padding-bottom:10px ; }
#central li {list-style:none ; margin: 4px 8px 4px 6px }
#central h1 {text-decoration:none ; padding-bottom:5px ; background-position: center ;
background-image: url(objetos/hn.jpg) ; border-bottom:orange 1px solid ; border-top:orange 1px solid ; padding-right:5px ; padding-left:5px}

#central1 {background-color: ; width: 0px ; float:center ;
text-align:justify ; margin: px px px px ;
background-image: ;
background-position: bottom ;
padding-bottom:10px ; padding-right:0px ; padding-left:0px}
#central1 li {list-style:none ; margin: 0px 0px 0px 0px }
#central1 h1 {text-decoration:none ; padding-bottom:5px ; background-position: center ;
background-image: url(objetos/hn.jpg) ; }
#menu-2 {background-color:; width: 220px ; float:right ;
text-align:left ; margin: 0px 0px 0px 0px ;
background-image: ;
background-position: ;
padding-bottom:5px ; }
#m2 {background-color:#292929 ; width: 220px ; float:right ;
text-align:left ; margin: 6px 0px 0px 0px ;
background-image: ;
background-position: ;
padding-bottom:10px ; border-bottom:orange 1px solid ; border-right:orange 1px solid ; border-left:orange 1px solid }
#m2 li {list-style:none ; margin: 0px 0px 0px 0px }
#m2 h1 {text-decoration:none ; padding-bottom:4px ; background-position: ;
background-image: url(objetos/h1.jpg) ; border-bottom:orange 1px solid ; border-top:orange 1px solid}
#reproductor {background-color:none; width: 150px ; float:center ;
text-align:left ; margin: 10px 0px 0px 10px ;
background-image: ;
background-position: ;
padding-bottom:10px }
#reloj {background-color:; width: px ; float:right ;
text-align:left ; margin: 3px 8px 3px 3px ;
background-image: ;
background-position: ;
padding-bottom:5px }
#contador {background-color:; width: px ; float: ;
text-align:left ; margin: 3px 0px 0px 0px ;
background-image: ;
background-position: ;
padding-bottom:5px }
#chat {background-color: ; width: 400px ; float:center ;
text-align:center ; margin: 20px 0px 10px 25px ;
background-image: ;
background-position: center ;
padding-bottom:5px ; }
#af {background-color:white ; width: 400px ; float:center ;
text-align:center ; margin: 0px 0px 0px 0px ;
background-image: ;
background-position: center ;
padding-bottom:5px ; }

Html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>narutolatino</title>

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>

<p align="center" style="text-align: center">
[contenido no disponible]Inicio

<p align="center" style="text-align: center">
[contenido no disponible]Foro

<p align="center" style="text-align: center">
[contenido no disponible]Chat

<p align="center" style="text-align: center">
[contenido no disponible]NL

</div>

<div id="contenido">

<div id="menu-1">
<div id="menu">
<h1>Menú</h1>
<ul>

[contenido no disponible]Equipo NL

[contenido no disponible]Música

[contenido no disponible]Descargas
</div>

<div id="entretenimento">
<h1>Entretenimiento</h1>
<ul>

[contenido no disponible]Juegos

[contenido no disponible]Emulación

[contenido no disponible]Imágenes

[contenido no disponible]Maga
</div>

<div id="anime">
<h1>anime</h1>
<ul>

[contenido no disponible]NARUTO

[contenido no disponible]Bleanch

[contenido no disponible]Dragon Ball

[contenido no disponible]F.M.A

[contenido no disponible]One Piece

[contenido no disponible]Gantz

[contenido no disponible]Ranma 1/2

[contenido no disponible]Inuyasha

[contenido no disponible]Saint Seiya

[contenido no disponible]Sakura C.C

[contenido no disponible]Shaman King

[contenido no disponible]YU-GI-HO

[contenido no disponible]Yuyu Hakusho
</div>

<div id="menu">
<h1>Enlazanos</h1>
<p style="text-align: center">[contenido no disponible]</p>
<p style="text-align: center"><textarea class="csscodes" name="textfield" cols="10" rows="2" wrap="VIRTUAL">
[contenido no disponible]
</textarea>
</div>

</div>

<div id="menu-2">
<div id="m2">
<h1>Reloj</h1>
<div align="center" id="cboxdiv">
<iframe scrolling="No" frameborder="0" width="100" height="145" src="http://www.dlcom.org/1/sz/clock5y8i6.htm" allowtransparency="true"></iframe>
</div> </div>

<div id="m2">
<h1>Radio</h1>
<div id="reproductor"><div class='widget-content'>
<script src="http://stat.radioblogclub.com/radio.blog/radio.blog.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
RadioBlog.playlist = 'http://www.radioblogclub.com/juke.blog.3.0/sounds/playlist.php?id=2…';
RadioBlog.cover = '0';
RadioBlog.width = '200';
RadioBlog.height= '200';
RadioBlog.color.body = '#0099cc';
RadioBlog.color.main = '#3399CC';
RadioBlog.color.text = '#000066';
RadioBlog.skin = 'ocebo';
RadioBlog.start();
</script></div>
</div> </div>

<div id="m2">
<h1>Box</h1>


<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www5.cbox.ws/box/?boxid=256294&amp;boxtag=3pcc4a&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EAB412 1px solid;" id="cboxmain"></iframe>

<iframe frameborder="0" width="160" height="75" src="http://www5.cbox.ws/box/?boxid=256294&amp;boxtag=3pcc4a&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EAB412 1px solid;border-top:0px" id="cboxform"></iframe>
</div>

</div>

<div id="m2">
<h1>contador</h1>

<div align="center" id="cboxdiv">

<script type="text/javascript" src="http://geoloc10.geovisite.com:82/private/geoweather.js?compte=69167…"></script>
<noscript>
[contenido no disponible]

contador gratis
</noscript>

</div></div>


</div></div>

<div id="central1">
<div id="central">

<h1>bienvenido a narutolatino</h1>



Hola y bienvenido a NarutoLatino (NL) disfruta al máximo de esta pequeña aldea y no seas malo y pásale la dirección a tus amigo y comparte con nosotros de todas las series que tenemos en NL como Naruto, Bleach, Full Metal Achemits entre otras series en español latino, español o japonés.
Escucha tu música anime online o descargalas total mente gratis sin costo alguno y mira tus mangas favoritos total mente online o descargalos.
</p>

<h2>Hades.(alvaro.j.jimenez.q)</h2>
</div>

<div id="central">
<h1>Solo amantes del "Anime"</h1>


Hey celebremos esta es la inauracion de NL asi que celebremos esta fiesta pasa por el Chat y comparte con nosotros nuestra inauracion XD también puedes pasarte por el foro y dejarnos tus comentarios sobre la pagina pero recuerda esto

Solo amantes del"Anime"</p></p>


ATENCION: la Web solo esta estrenando así que necesitamos administratadores tanto como para el foro como para el Chat y también gente que sepa de creación de Web o diseñadores de imágenes entre otros elementos para el progreso de la Web.</p>

</div>
</div>

<div id="pie">
<div id="pieuno">
<ul>

<font face="Ninja Naruto">-Foro Ejemplo</font>

<font face="Ninja Naruto">-Contactos</font>

<font face="Ninja Naruto">Nos Enlazan</font>

</div>

<div id="piedos"><div id="af">
<marquee behavior="scroll" direction="right" width="400" height="31" scrollamount="2" scrolldelay="1" OnMouseOver="this.stop()" OnMouseOut="this.start()">
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
</marquee></div></div>

<div id="pietres">
<ul>

<font face="Ninja Naruto">Directorio-</font>

<font face="Ninja Naruto">TopSite-</font>

<font face="Ninja Naruto">Mapa de la Web-</font>


</div>
<div id="curva-inferior"></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</div>
</body>
</html>

Esto está mal:
#central {background-color:#292929 ; width: 502px ; float:center ;
text-align:justify ; margin: 6px 0px 0px 0px ;
background-image: ; border-left:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;
background-position: bottom ;
padding-bottom:10px ; } padding-bottom:10px ; }

Lo correcto sería quitar esa última parte:
#central {background-color:#292929 ; width: 502px ; float:center ;
text-align:justify ; margin: 6px 0px 0px 0px ;
background-image: ; border-left:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;
background-position: bottom ;
padding-bottom:10px ; }

Además, con lo que yo te dije quedaría así:
#central {background-color:#292929 ; width: 502px ; float:center ;
text-align:justify ; margin: 6px 0px 0px 0px ;
background-image: ; border-left:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;
background-position: bottom ;
padding: auto 5px 10px 5px ; }

Saludos :wink:

:( :( nono nada no pasa nada pero note que no se rrespeta ni la sangria entra en la web y veras :( :(

veo esto:

aqui le dices que los margenes interiores derecho e izquierdo estén a 0

#central {background-color:#292929 ; width: 502px ; float:center ;
text-align:left ; margin: 6px 0px 0px 0px ;
background-image: ; border-left:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;
background-position: bottom ;
padding-bottom:10px ; padding-right:0px ; padding-left:0px}

cambia estos valores y nos cuentas


yyyyyyy,
veo una enredadera barbara en tus codigos, has metido muchas cosas en html, cosas.... que bien podrian ir en los estilos, y limpiar el html
ademas me da la impresion que tienes divs incompletos ya sea cerrados de mas o de menos


intenta corregir eso y meter lo mas que puedas en la hoja de estilos
cosas como <font> <<style> etc

saludos

perdon por el desastre que cargo pero limpiare un poko el html jijijijij
bueno los resultados fueron...................... :D no no paso nada mira :cry:
http://www.narutolatino.260mb.com/plantilla.html :cry:

ha no te procupes bere que ago con mi desastre :D si me puedes ayudar te lo agradeseria mucho mucho

hola
pero...........
yo veo todo igual

no has modificado nada de la hoja de esitilos

mira

#central {background-color:#292929 ; width: 502px ; float:center ;
text-align:justify ; margin: 6px 0px 0px 0px ;
background-image: ; border-left:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;
background-position: bottom ;
padding-bottom:5px ; padding-right:0px ; padding-left:0px ; background-image: url(objetos/s.jpg) }

sube los cambios para mostrarnoslo

saludos

ya lo abia echo y no paso nada quedo asi no pasa nada al poner ese codigo

hola

si yo no puedo verlo, no puedo comprobar si hay otro fallo por ahi

asi que.... has los cambios que te digo, lo subes... me avisas para verlo

y vemos que pasa ok?????

saludos

:D Alvaro mira ala arqueria mira al arquero -.- todos se siente callado paresierra que fuera un enfrentamiento del viejo oeste turuturutu se prepara para cobrar el penalti y y y .................. :( pega en el palo. Que chutea y gollllllllllllllllllllllllllllllllllllllllllllllllllll
encontre la solucion
(#central p {margin: 5px 10px 0px 10px ; text-indent: 15px}) me tope con esto y lo probe y se ve ya bien pero el problema esta
bueno amigos alas personas que no allan como solusionar este tipo de probrela prueba esto
grasias yanet si no me ubieras recomendado limpiar no doy con el problema :D :D :D :D

NL cambio y fuera
grasiasssssssssssssssssssssssssssssssssssssss

jajajajajajajaja

golaso jajajajaja

lo de la limpiada va muuuy enserio,
yo hasta te recomiendo que empiezes una nueva plantilla
pero.... esta vez..... recuerda que todo lo que tenga que ver con diseño
va en estilos, porque,las veces que trato de ayudarte, me pierdo entre taanta cosa

saludos :wink: