Aqui esta el resultado de este tema, lo hice de la siguiente manera, tome el layaout numero 7
Layout gala (Gracias
mbavio) y lo adapte a lo que yo queria.
Ahora,
¿Como hago para que las lista no me muestren ninguna viñeta? En IE una de de las tres listas asumen una viñeta tipo circulo, cosa que no quiero. En FFX todas las listas asumen la vieta tipo circulo por defecto y repito, no quiero que se vea ninguna vieta.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout 7</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{;margin:10px;padding-left:10px;background: #EEE;color: #79B30B;font-size: 18pt;}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0}
div#navigation{float:left;width:150px;margin-left:-700px}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%}
.logo { text-align:left;}
div#actuales{margin: 0 220px}
div#descontinuados{float:left;width:220px;margin-left:-700px}
div#futuros{float:left;width:220px;margin-left:-220px}
ul{margin:0px;padding:0px;}
li{margin: 0px;padding: 0px;}
</style>
</head>
<body>
<div id="container">
<div class="logo"><br>
<b>Industria Automotriz de Venezuela - Home page<br>
El portal de seguimiento a la Industria automotriz de Venezuela</b></div>
<div id="header">
<h1>Seguimiento a los modelos de autos en Venezuela</h1>
</div>
<div id="wrapper">
<div id="content">
<p>Durante su vida un modelo de automóvil, realiza hazañas, gana premios, puede ser o no el más vendido, se destaca en alguna tarea en especial, ect, aquí comparamos por categoría a cada modelo frente a su competidor, tambien encontrará la información básica, especificaciones, y más</p>
</div>
</div>
</div>
<div id="container">
<div id="wrapper">
<div id="actuales">
<p><strong>Modelos actuales</strong></p>
<ul>
<li>Audi</li>
<li>BMW</li>
<li>Citroen</li>
<li>Chevrolet</li>
<li>Dodge</li>
<li>Ferrari</li>
<li>Freightliner</li>
<li>Fiat</li>
<li>Ford</li>
<li>Great Wall</li>
<li>Hyunday</li>
<li>Honda</li>
<li>Irizar</li>
<li>Iveco</li>
<li>Jeep</li>
<li>Kia</li>
<li>Mack</li>
<li>Mazda</li>
<li>Mercedes Benz</li>
<li>Mini</li>
<li>Mitsubishi</li>
<li>Nissan</li>
<li>Peugeot</li>
<li>Porsche</li>
<li>Renault</li>
<li>Scania</li>
<li>Seat</li>
<li>Subaru</li>
<li>Toyota</li>
<li>Volkswagen</li>
</ul>
</div>
</div>
<div id="descontinuados">
<p><strong>Modelos descontinuados</strong></p>
<ul>
<li>Audi</li>
<li>BMW</li>
<li>Citroen</li>
<li>Chevrolet</li>
<li>Dodge</li>
<li>Ferrari</li>
<li>Freightliner</li>
<li>Fiat</li>
<li>Ford</li>
<li>Great Wall</li>
<li>Hyunday</li>
<li>Honda</li>
<li>Irizar</li>
<li>Iveco</li>
<li>Jeep</li>
<li>Kia</li>
<li>Mack</li>
<li>Mazda</li>
<li>Mercedes Benz</li>
<li>Mini</li>
<li>Mitsubishi</li>
<li>Nissan</li>
<li>Peugeot</li>
<li>Porsche</li>
<li>Renault</li>
<li>Scania</li>
<li>Seat</li>
<li>Subaru</li>
<li>Toyota</li>
<li>Volkswagen</li>
</ul>
</div>
<div id="futuros">
<p><strong>Posibles proximos modelos </strong></p>
<ul>
<li>Audi</li>
<li>BMW</li>
<li>Citroen</li>
<li>Chevrolet</li>
<li>Dodge</li>
<li>Ferrari</li>
<li>Freightliner</li>
<li>Fiat</li>
<li>Ford</li>
<li>Great Wall</li>
<li>Hyunday</li>
<li>Honda</li>
<li>Irizar</li>
<li>Iveco</li>
<li>Jeep</li>
<li>Kia</li>
<li>Mack</li>
<li>Mazda</li>
<li>Mercedes Benz</li>
<li>Mini</li>
<li>Mitsubishi</li>
<li>Nissan</li>
<li>Peugeot</li>
<li>Porsche</li>
<li>Renault</li>
<li>Scania</li>
<li>Seat</li>
<li>Subaru</li>
<li>Toyota</li>
<li>Volkswagen</li>
</ul>
</div>
<div id="footer"><p></p></div>
</div>
</body>
</html>