Ayuda pagina web rebelde

aoter · #1 (**permalink**) 18/03/2009, 18:03

ya les dije que borrararan el post el mismo derecho que tengo a postear tambien lo tengo para que me borren el post.

Newbie001 · #2 (**permalink**) 18/03/2009, 18:08

averigua el ancho y la resolucion de monitor de tu cliente y metele un margin-left xDDD

Calizman · #3 (**permalink**) 18/03/2009, 20:51

Saludos!!

Realmente me interesa tu problema, porque exactamente he tenido el mismo problema con una web que estuve realizando hace un par de semanas (solo que yo ya lo resolvi

)

Te voy a pedir que escribas la url de la pagina sin el http:// ni el www entonces tu web quedaria asi: tupagina.com asi si podras postearla y yo podre ayudarte, porque si me gustaria verla con el Doctype y lo demas...

Hasta Luego!!

aoter · #4 (**permalink**) 18/03/2009, 20:59

Gracias por tu ayuda.

Calizman · #5 (**permalink**) 18/03/2009, 22:25

Ok, Ok. Te dejo la web lista! Ya la he revisado en varios ordenadores y funciona perfectamente

Cita:

body {
background-color: #d8d8d8;
}
#centro {
margin: 0px auto;
background-image: url(fondo.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 800px;
height: 1000px;
}
.link {
font-family: "Times New Roman",Times,Verdana,Tahoma,Arial,Trebuchet MS,Sans-Serif,Georgia,Courier,Serif;
font-size: 16px;
font-style: normal;
position: absolute;
visibility: visible;
top: 273px;
left: 553px;
color: #d6d6d6;
cursor: auto;
text-decoration: underline;
float: none;
}
.link2 {
font-family: "Times New Roman",Times,Verdana,Tahoma,Arial,Trebuchet MS,Sans-Serif,Georgia,Courier,Serif;
font-size: 16px;
font-style: normal;
position: absolute;
visibility: visible;
top: 323px;
left: 553px;
color: #d6d6d6;
cursor: auto;
text-decoration: underline;
float: none;
}
.link3 {
font-family: "Times New Roman",Times,Verdana,Tahoma,Arial,Trebuchet MS,Sans-Serif,Georgia,Courier,Serif;
font-size: 16px;
font-style: normal;
position: absolute;
visibility: visible;
top: 373px;
left: 553px;
color: #d6d6d6;
cursor: auto;
text-decoration: underline;
float: none;
}
.valid {
position: absolute;
top: 976px;
left: 760px;
}
.valid2 {
position: absolute;
top: 976px;
left: 870px;
}
.nenas1 {
position: absolute;
top: 285px;
left: 710px;
}
.nenas2 {
position: absolute;
top: 285px;
left: 830px;
}
.nenas3 {
position: absolute;
top: 285px;
left: 950px;
}
.nenas4 {
position: absolute;
top: 485px;
left: 710px;
}
.nenas5 {
position: absolute;
top: 485px;
left: 830px;
}
.nenas6 {
position: absolute;
top: 485px;
left: 950px;
}
.nenas7 {
position: absolute;
top: 685px;
left: 710px;
}
.nenas8 {
position: absolute;
top: 685px;
left: 830px;
}
.nenas9 {
position: absolute;
top: 685px;
left: 950px;
}
.lflecha {
position: absolute;
top: 700px;
left: 870px;
}
.rflecha {
position: absolute;
top: 900px;
left: 870px;
}
.contacto {
font-family: "Times New Roman",Times,Verdana,Tahoma,Arial,Trebuchet MS,Sans-Serif,Georgia,Courier,Serif;
font-size: 20px;
text-align: center;
line-height: 1;
color: #cc0a2f;
position: absolute;
visibility: visible;
left: 701px;
top: 256px;
width: 365px;
height: 587px;
cursor: text;
float: none;
}
.tendencias {
font-family: "Times New Roman",Times,Verdana,Tahoma,"Arial",Trebuchet MS,Sans-Serif,Georgia,Courier,Serif;
font-size: 17px;
text-align: left;
line-height: 2;
color: #cc0a2f;
position: absolute;
visibility: visible;
left: 701px;
top: 230px;
cursor: text;
width: 365px;
height: 587px;
float: none;
}

Cita:

<title>Elshowroom las mejores tendencias de moda italiana en
madrid a precio de coste</title>
</head>
<body>
<div id="centro">
<a class="link" href="tendencias.html">Tendencias</a>
<a class="link2" href="colecciones.html">Colecciones</a>
<a class="link3" href="contacto.html">Contacto</a>
<p><a class="valid"
href="http://jigsaw.w3.org/css-validator/check/referer"><img
style="border: 0pt none ; width: 88px; height: 31px;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Â¡CSS VÃ¡lido!" /></a></p>
<p>
<a class="valid2"
href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Transitional" border="0" height="31"
width="88" /></a></p>
<p>
<a class="valid2"
href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Transitional" border="0" height="31"
width="88" /></a></p>
</div>
</body>
</html>

Solo agregale el <div id="centro"> en los demas .html y el #centro en el CSS

PD: Le agregue body{: background-color: #d8d8d8} para que se vea mas completo

Me dices que tal no?

aoter · #6 (**permalink**) 19/03/2009, 12:47

manumar · #7 (**permalink**) 20/03/2009, 18:41

A mi una vez me pasó esto de que me salian cosas mal alineadas con IE, no me leí todos los mensajes bien, pero no me parecio ver esto:
text-align: center, right, left...o text-valign: top, button
Esto lo tendrias que añadir en #id asociada al body x ejemplo
Discuplpad si no viene a cuento xD pero veo tanto centro, etc etc y bueno, yo tb desesperé con esto.