Reynier,
On Apr 5, 2006, at 11:40 AM, Reynier Perez Mira wrote:
Hola a todos:
I found some CSS layout in this site: http://blog.html.it/
layoutgala/. Now I have my CSS layout but this have many problems.
The sample is at this adress:
http://www.valencia.ch/simpro/sample4.html
http://www.valencia.ch/simpro/css/simpro_ga4.css
http://www.valencia.ch/simpro/css/simpro_ie4.css
As you can see this layout have a lot of problems and I need fix
with your help. The table version is here:
http://valencia.ch/simpro/sample_v3.html
http://valencia.ch/simpro/css/simpro_ga3.css
http://valencia.ch/simpro/css/simpro_ie3.css
This is how the layout be at end.
I'm playing a little with CSS to make possible positioning the
right lateral menu, beside principal header.
The HTML is this:
<div id="header">
<div id="header_img_top"> </div>
<div id="header_img_down"> </div>
<div id="menu">
<div id="menu_item_1">¿Quiénes somos?</div>
<div id="menu_item_2">¿Qué hacemos?</div>
<div id="menu_item_3">Noticias</div>
<div id="menu_item_4">Foros de Discusión</div>
<div id="menu_item_5">Libro de Visitas</div>
<div id="menu_item_6">Galería de Imágenes</div>
</div>
</div>
Change the html to
<div id="header">
<ul id="menu">
<li id="item_1">¿Quiénes somos?</li>
<li id="item_2">¿Qué hacemos?</li>
<li id="item_3">Noticias</li>
<li id="item_4">Foros de Discusión</li>
<li id="item_5">Libro de Visitas</li>
<li id="item_6">Galería de Imágenes</li>
</ul>
<div id="header_img_top"> </div>
<div id="header_img_down"> </div>
</div>
---- css ---
#menu { float: right; width: 194px; list-style-type: none; }
#menu li { line-height: 31px }
It would work better if you combined all the parts of the header
images into one and assigned it to #header.
Note: All this changes only take effect in FF but in IE everything
goes wrong, then when I finished with FF I start with IE or this is
a bad way to think.
That is a good way to think.
I'll check back after work.
Roger,
--
Roger Roelofs
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
