Margenes

8) 8) En mi web tengo un menu de width: 150px y height: 300px
Quiero que el texto del contenido de la web (no del menu)mantenga el mismo margen a contar del margen izquierdo de la web, (Apoximadamente 160px) al superar la linea inferior del menu

El texto del contenido de la web tiene height 1000px. mas o menos :roll: :roll:

Probe bastante pero no di en la tecla. :cry: :cry: S.O.S

Gracias............

ponle un margin-left:170px a el texto del contenido

creo que no entendí bien

pero prueba con ponerle margin inferior al menu

margin:0px 0px 0px 0px;

recuerda es:

arriba, derecha, abajo, izquierda

saludos

ahora me ganaste tu power

jeje

jejej

Parece que esteis echando carreras a ver quien responde antes, jaja, a cuanto vais?

:cry: :cry: Queridos profesores. Aun no doy en la idea del margen uniforme.

Mas allá de lo que diga Power interpreto que con solo modificar a esta etiqueta:..
#contenido p {padding: 5px 10px 5px 10px}
por
#contenido p {padding: 5px 170px 5px 10px}
deberia funcionar. Pero no pasa nada: mas o menos lo mismo que ponerle a un efermo de malaria una inyeccion de agua.

MI hoja de estilo es la siguiente:

#contenido {background-color:orange ; width: 800px ; float:left ;
border-left ; black 1px solid ; border-right: black 1px solid }


#contenido p {padding: 5px 170px 5px 10px }

Debería surtir efecto pero no pasa nada??

En consecuencia no puedo solucionar mi requerimiento.

Opinen y denme la solución por loque seran tenidos (a quien responda por supuesto) en mi testamento

Vielen Dank

es que no has de modificar la div contenido

al que le debes poner el margen es al div menu
para que el texto no quede pegado a el

si te queda duda peganos tus codigos completos tanto del html como del csss

saludos

Bueno Yanrth: van los codigos.

ESTILOS

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
height:85px}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#logotipo {background-color: #A52A2A ; width:270px ; float:left }
#titulo {background-color: #A52A2A ; width:520px ; right: left ;
margin-top: 5px}
#navegacion {background-color: #EEC900 ; border: black 1px solid ; height:25px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color:orange ; width: 800px ; float:left ;
border-left ; black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px }


#menu {background-color: yellow ; width: 150px ; height: 350px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-inferior.gif);
background-position: bottom ; padding-bottom:12px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-superior.gif);
padding-top:10px }
#menu1 {background-color: #ADFF2F ; width: 150px ; height: 150px ; float:left ;
text-align: left ; margin: 3px 10px 3px 3px ; background-image:
url(objetos/menu-inferior.gif);
background-position: bottom ; padding-bottom:12px}
#menu1 li {list-style:none ; margin: 4px 8px 4px 6px }
#menu1 h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-superior.gif);
padding-top:10px }
#menu2 {background-color: #9ACD32 ; width: 300px ; height: 80px ; float:center ;
text-align: center ; margin: 3px 10px 3px 3px}
#menu3 {background-color: #ADFF2F ; width: 150px ; float:right ;
text-align: center ; margin: 3px 10px 3px 3px}
#menu3 li {list-style:none ; margin: 4px 8px 4px 6px }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px }
#pieuno {background-color: brown ; float:left ; width:150px ;
border-right: black 1px solid }
#piedos {background-color: green ; float:left ; width:490px }
#pietres {background-color: white ; float:left ; width:150px ;
border-left: 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: none ;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}


HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>

<body>

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div>

<div id="titulo">
<a href="index.html">
[contenido no disponible]
</div>
</div>

<div id="navegacion">
<ul>

<a href="#">Asi somos

<a href="#">Politicos

<a href="#">Asi somos

<a href="#">Sección 4

</div>

<div id="contenido">
<div id="menu1">
<ul>
<h1>Asi somos</h1>

Estudiantes

Ford

Vocabulario

</div>


<div id="menu2">menu2</div>
<div id="menu3">menu3</div>
<div>





<div id="menu">
<ul>
<h1>link</h1>

La Barca

link1

link2

link3

link4

</div>
<h1>EL ARCA DE NOE</h1>
<h2>Los argentinos no somos muy
practicos a la hora de autorizar a operar a
una nueva empresa </h2>
<h3>¿ No lo creen ? Vean sino.......</h3>




El Señor bajo a la Tierra y así le hablo a Noé:


Noé, dentro de seis meses haré llover cuarenta días y cuarenta noches,

hasta que toda la Argentina sea cubierta por las aguas y los pecadores

sean destruidos.

-<h1> No, Noé - respondió Dios, - no es necesario,
Hay un montón de gente que ya
se está ocupando de hacerlo</h1>

</p></div>

<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

Suerte amiga y tambien para los que opinen o hagan sugerencias

Ok

iré poniendote los fallos que vea ok??

para empezar aqui te falta cerrar aqui

<div id="titulo">
<a href="index.html">
[contenido no disponible]
</div>
en rojo lo que te falta

y te falta cerrar aqui

<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a>
</div>

en rojo lo que te falta

sigo checando y te aviso

saludos

pero hay mas, ya me tengo que ir

hasta el lunes