Foros del Web - Ver Mensaje Individual

fearlex · #11 (**permalink**) 17/11/2006, 10:55

Para empezar:

1- No repitas cada propiedad para cada uno de los lados si vas a darle el mismo valor:

Padding-top: 10px, Padding-left: 10px, Padding-right: 10px, Padding-bottom: 10px, seria lo mismo que utilizar Padding: 10px;

Se aplica para border y margin.

2- Las clases se crean para reutilizarlas, no sirve de nada crear clases iguales para poder utilizarlo en otra etiqueta cuando puedes utilizar la misma.

3-Las clases inline, se escriben con comillas, asi class="estilo1"

4-LO mejor que haces es dividir ese GRAN jpg en varios pedazos, y ponerlos como background images en los distintos divs, asi podras acomodar la pagina bien, por que de esa manera, es poco probable.

No obstante modifique tu codigo, lo mas que pude, respetando tus etiquetas, pero aun asi, si redimensionas la pagina se va a descentrar el div noticias.

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html4...1224/loose.dtd">
<HTML xmlns="<A href="http://www.w3.org/1999/xhtml"><HEAD><TITLE>CSS">http://www.w3.org/1999/xhtml"><HEAD><TITLE>CSS TEMPLATE 11</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE type=text/css>
BODY , html{
FONT-SIZE: 12px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
MARGIN: 0px;
padding: 0px;
COLOR: #564b47;
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: center;
}
#inhalt {
BORDER: #564b47 1px dashed;
PADDING: 0px;
MARGIN: 0px auto;
WIDTH: 100%;
TEXT-ALIGN: left;
}
P, h1 {
PADDING: 10px;
}
H1 {
FONT-SIZE: 11px;
TEXT-TRANSFORM: uppercase;
COLOR: #564b47;
BACKGROUND-COLOR: #90897a;
TEXT-ALIGN: right;
}
A {
FONT-SIZE: 11px;
COLOR: #ff66cc;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none;
}
.Estilo1 {
FONT-WEIGHT: bold; COLOR: #ffffff;
}
.Estilo5 {
FONT-SIZE: 12px; COLOR: #ffffff;
}
#noticias{
LEFT: 63%;
position: absolute;
OVERFLOW: auto;
WIDTH: 294px;
TOP: 54%;
HEIGHT: 195px
}
</STYLE>
<META content="MSHTML 6.00.5730.11" name=GENERATOR></HEAD>
<BODY>
<DIV id=inhalt>
<P align=center><A href="<A href="http://www.renderonesia.com/"></A">http://www.renderonesia.com/"></A>
<img
height=565 src="CSS%20TEMPLATE%2011_files/prueba.jpg" width=975 usemap=#Map
border=0>
<map id=Map name=Map>
<area onClick=self.close() shape=RECT
alt=cerrar coords=940,530,965,556
href="http://renderonesia.com/prueba/prueba.html#">
<area shape=RECT alt=e-mail
coords=939,506,965,530 href="mailto:[email protected]">
<area shape=RECT
alt=Inicio coords=940,480,965,505
href="http://renderonesia.com/index.html">
</map>
</P>
<DIV id=noticias>
<P align=center><B><SPAN style="mso-fareast-font-family: 'MS Mincho'"><O:P><SPAN
class="Estilo1"><A href="http://www.e-onsoftware.com/products/" target=_blank><IMG
height=78 alt="Vue 6" src="CSS%20TEMPLATE%2011_files/vue6.jpg" width=230
border=0></A></SPAN> </O:P></SPAN></B></P>
<P align=justify><SPAN class=Estilo1>Pre release de todas las versiones de Vue 6
disponible: </SPAN></P>
<P class="Estilo5" align="justify">02 -11 - 2006</P>
<P class="Estilo5" align="left">Por fin para los que estabamos
impacientes, ya ha salido la versión 6 de pre lanzamiento para todos los
productos Vue. Esta podrá ser descargada de la web a un precio bastante módico,
durante todo el mes de Noviembre. Dicha oferta se acabará el día 1 de Diciembre
que es cuando se pondrá a la venta las versiones finales del vue 6. Para los
usuarios que deseen tener el manual y los cds tendrán que esperar a que el
programa salga a la venta y por 50 $ mas se les enviará la caja completa. Todas
las versiones están para window y mac, pero por una extraña razón , quizás por
puro marketing, no han sacado el Xstream para plataforma macintosh. Algo
incomprensible a estas alturas </P>
<P class="Estilo5" align="left">Para mas información sobre todas las versiones del
Vue 6, pincha en la imagen superior </P>
<P><B><SPAN
style="mso-fareast-font-family: 'MS Mincho'"><O:P></O:P></SPAN></B></P>
</DIV>
</DIV>
</BODY>
</HTML>