Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje12-04-2009, 17:25 (UTC)    
Título del mensaje: problema con codigo de menu horizontal?? ?

hola, siempre he buscado codigos de menu horizontal .

he encontrado muchos pero nunca los he podido poner porque me salen 2 partes

esta parte es el formato (creo yo)

Código:
<style type="text/css">

.pro_linedrop {
height:35px;
width:900px;
background:url(http://pixelea.com/s/e8239eafdc.gif);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;}
.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;}
.pro_linedrop li {
float:left;
background:url(http://pixelea.com/s/78302797f1.gif);}
.pro_linedrop li.lrt {
float:right;
background:url(http://pixelea.com/s/2884b0d889.gif);}
.pro_linedrop .select a {
display:block; height:35px;
float:left;
background: url(http://pixelea.com/s/e8239eafdc.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#fc0;}
.pro_linedrop .select li.lrt a {color:#0ff;}
.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/e8239eafdc.gif) right top;}
.pro_linedrop .select li.line a b {
background:url(http://pixelea.com/s/f40853e90c.gif) right top;}
.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(http://pixelea.com/s/78302797f1.gif);
padding:0 0 0 15px;
cursor:pointer; color:#fff;}
.pro_linedrop .select li.lrt a:hover,
.pro_linedrop .select li.lrt:hover a {
background: url(http://pixelea.com/s/2884b0d889.gif); }
.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/78302797f1.gif) right top;
cursor:pointer;}
.pro_linedrop .select li.line a:hover b,
.pro_linedrop .select li.line:hover a b {
background:url(http://pixelea.com/s/78302797f1.gif) right top; }
.pro_linedrop .select li.lrt a:hover b,
.pro_linedrop .select li.lrt:hover a b {
background:url(http://pixelea.com/s/2884b0d889.gif) right top; }
.pro_linedrop .select li.lrt a:hover b.arrow,
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(http://pixelea.com/s/5b5e01fee7.gif) right top; }
.pro_linedrop .sub {display:none;}
.pro_linedrop ul ul {display:none;}
.pro_linedrop table {
border-collapse:collapse;
margin:-1px; font-size:1em; width:0; height:0;}
.pro_linedrop .sub {margin:0; padding:0;list-style:none;}
.pro_linedrop .sub li {background:transparent;}
.pro_linedrop .select :hover .sub {
height:25px; display:block;
position:absolute; float:left;
width:900px; top:35px; left:0;
text-align:center;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif);
border:1px solid #aaa;}
.pro_linedrop .select :hover .rt li {float:right;}
.pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; background:transparent url();
padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}
.pro_linedrop .select :hover .sub li.subline a {color:#c00;}
.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}
</style>


y este es la parte en la que se editan las urls de destino

Código:
<div class="pro_linedrop">
<ul class="select">
<li><a href="URL LINK'S"><b>Nombre link's</b></a></li>
<li class="line"><a href="URL LINK'S"><b>Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul class="sub">
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
   </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="line"><a href="URL LINK'S"><b>Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul class="sub">
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
   </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="lrt"><a href="URL LINK'S"><b>Nombre link's</b></a></li>
<li class="line lrt"><a href="URL LINK'S"><b class="arrow">Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul class="sub rt">
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
   </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line lrt"><a href="URL LINK'S"><b class="arrow">Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul class="sub rt">
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
      <li><a href="URL LINK'S">Nombre link's</a></li>
   
   </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>


pero mi pregunta es como uno esas dos partes ?
en donde las pego ?

AYUDENME
Mensaje12-04-2009, 17:37 (UTC)    
Título del mensaje:

Unelos haci:

Cita:
<div style="position:absolute;left:100px;top:164px;">
<head>
<style type="text/css">

.pro_linedrop {
height:35px;
width:900px;
background:url(http://pixelea.com/s/e8239eafdc.gif);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;}
.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;}
.pro_linedrop li {
float:left;
background:url(http://pixelea.com/s/78302797f1.gif);}
.pro_linedrop li.lrt {
float:right;
background:url(http://pixelea.com/s/2884b0d889.gif);}
.pro_linedrop .select a {
display:block; height:35px;
float:left;
background: url(http://pixelea.com/s/e8239eafdc.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#fc0;}
.pro_linedrop .select li.lrt a {color:#0ff;}
.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/e8239eafdc.gif) right top;}
.pro_linedrop .select li.line a b {
background:url(http://pixelea.com/s/f40853e90c.gif) right top;}
.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(http://pixelea.com/s/78302797f1.gif);
padding:0 0 0 15px;
cursor:pointer; color:#fff;}
.pro_linedrop .select li.lrt a:hover,
.pro_linedrop .select li.lrt:hover a {
background: url(http://pixelea.com/s/2884b0d889.gif); }
.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/78302797f1.gif) right top;
cursor:pointer;}
.pro_linedrop .select li.line a:hover b,
.pro_linedrop .select li.line:hover a b {
background:url(http://pixelea.com/s/78302797f1.gif) right top; }
.pro_linedrop .select li.lrt a:hover b,
.pro_linedrop .select li.lrt:hover a b {
background:url(http://pixelea.com/s/2884b0d889.gif) right top; }
.pro_linedrop .select li.lrt a:hover b.arrow,
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(http://pixelea.com/s/5b5e01fee7.gif) right top; }
.pro_linedrop .sub {display:none;}
.pro_linedrop ul ul {display:none;}
.pro_linedrop table {
border-collapse:collapse;
margin:-1px; font-size:1em; width:0; height:0;}
.pro_linedrop .sub {margin:0; padding:0;list-style:none;}
.pro_linedrop .sub li {background:transparent;}
.pro_linedrop .select :hover .sub {
height:25px; display:block;
position:absolute; float:left;
width:900px; top:35px; left:0;
text-align:center;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif);
border:1px solid #aaa;}
.pro_linedrop .select :hover .rt li {float:right;}
.pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; background:transparent url();
padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}
.pro_linedrop .select :hover .sub li.subline a {color:#c00;}
.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}
</style>
</head>
<body>
<div class="pro_linedrop">
<ul class="select">
<li><a href="URL LINK'S"><b>Nombre link's</b></a></li>
<li class="line"><a href="URL LINK'S"><b>Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="line"><a href="URL LINK'S"><b>Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="lrt"><a href="URL LINK'S"><b>Nombre link's</b></a></li>
<li class="line lrt"><a href="URL LINK'S"><b class="arrow">Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub rt">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line lrt"><a href="URL LINK'S"><b class="arrow">Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub rt">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>



Modifica los valores que estan en rojo para la posición de tu menu.
Mensaje12-04-2009, 19:56 (UTC)    
Título del mensaje:

team-ayudamaster escribió:
Unelos haci:

Cita:
<div style="position:absolute;left:100px;top:164px;">
<head>
<style type="text/css">

.pro_linedrop {
height:35px;
width:900px;
background:url(http://pixelea.com/s/e8239eafdc.gif);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;}
.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;}
.pro_linedrop li {
float:left;
background:url(http://pixelea.com/s/78302797f1.gif);}
.pro_linedrop li.lrt {
float:right;
background:url(http://pixelea.com/s/2884b0d889.gif);}
.pro_linedrop .select a {
display:block; height:35px;
float:left;
background: url(http://pixelea.com/s/e8239eafdc.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#fc0;}
.pro_linedrop .select li.lrt a {color:#0ff;}
.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/e8239eafdc.gif) right top;}
.pro_linedrop .select li.line a b {
background:url(http://pixelea.com/s/f40853e90c.gif) right top;}
.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(http://pixelea.com/s/78302797f1.gif);
padding:0 0 0 15px;
cursor:pointer; color:#fff;}
.pro_linedrop .select li.lrt a:hover,
.pro_linedrop .select li.lrt:hover a {
background: url(http://pixelea.com/s/2884b0d889.gif); }
.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 30px 0 15px;
background:url(http://pixelea.com/s/78302797f1.gif) right top;
cursor:pointer;}
.pro_linedrop .select li.line a:hover b,
.pro_linedrop .select li.line:hover a b {
background:url(http://pixelea.com/s/78302797f1.gif) right top; }
.pro_linedrop .select li.lrt a:hover b,
.pro_linedrop .select li.lrt:hover a b {
background:url(http://pixelea.com/s/2884b0d889.gif) right top; }
.pro_linedrop .select li.lrt a:hover b.arrow,
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(http://pixelea.com/s/5b5e01fee7.gif) right top; }
.pro_linedrop .sub {display:none;}
.pro_linedrop ul ul {display:none;}
.pro_linedrop table {
border-collapse:collapse;
margin:-1px; font-size:1em; width:0; height:0;}
.pro_linedrop .sub {margin:0; padding:0;list-style:none;}
.pro_linedrop .sub li {background:transparent;}
.pro_linedrop .select :hover .sub {
height:25px; display:block;
position:absolute; float:left;
width:900px; top:35px; left:0;
text-align:center;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif);
border:1px solid #aaa;}
.pro_linedrop .select :hover .rt li {float:right;}
.pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; background:transparent url();
padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}
.pro_linedrop .select :hover .sub li.subline a {color:#c00;}
.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;
background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}
</style>
</head>
<body>
<div class="pro_linedrop">
<ul class="select">
<li><a href="URL LINK'S"><b>Nombre link's</b></a></li>
<li class="line"><a href="URL LINK'S"><b>Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="line"><a href="URL LINK'S"><b>Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="lrt"><a href="URL LINK'S"><b>Nombre link's</b></a></li>
<li class="line lrt"><a href="URL LINK'S"><b class="arrow">Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub rt">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line lrt"><a href="URL LINK'S"><b class="arrow">Nombre link's</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub rt">
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>
<li><a href="URL LINK'S">Nombre link's</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>



Modifica los valores que estan en rojo para la posición de tu menu.


gracias
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group