Tema: imagen en menu horizontal
Ver Mensaje Individual
  #11 (permalink)  
Antiguo 28/04/2009, 12:25
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 6 meses
Puntos: 40
Respuesta: imagen en menu horizontal
mira de esta forma, con esto creo que si quedará, copie tu código para ver mejor las cosas y creo que si resulta:

Código html: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>Untitled Document</title> 
  6. <style type="text/css">
  7. body{background: #990000 url(../images/bg_01.jpg);}
  8. #container{
  9.     position:relative;
  10.     margin:0 auto;
  11.     width:770px;
  12.     height:100%;
  13. }
  14. #logotype{float:right}
  15. #navegation-menu{
  16.     position:relative;
  17.     width:540px;
  18.     }
  19. #header{
  20.     position:relative;
  21.     width:770px;
  22. }
  23. #content{
  24.     position:relative;
  25.     width:770px;
  26.     background-color:#330404;
  27. }
  28. #welcome{
  29.     position:relative;
  30.     width:435px;
  31.     background-image:url(../images/bg_welcome.jpg);
  32.     background-repeat:repeat;
  33.     text-align:justify;
  34. }
  35. /*fin primer hoja de estilo*/
  36. .church-title{
  37.     font-family: "MarlboroWide", Myriad Pro, Verdana;
  38.     font-smooth:always;
  39.     color:#fff;
  40.     font-size:18px;
  41. }
  42. .slogan{
  43.     font-family:Tahoma, Arial, "Century Schoolbook";
  44.     color:#fefefe;
  45.     font-size:9px;
  46. }
  47. .style1{font-family:"Tahoma", Arial, Century Schoolbook; font-size:11px; color:#DFCEC4}
  48. .style2{ font-family:"Verdana", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#fff; padding-bottom:50px}
  49.  
  50.  
  51. .menu{width:100%; text-align:left;}
  52. .menu ul{list-style:none; margin:20px 0 10px 0; padding:0;}
  53. .menu ul li{display:inline; padding:5px 0;font-weight:bold;font-size:12px; font-family:Tahoma, Arial, "Headache";}
  54. .menu a{padding:25px 10px 25px 33px; color:#FFF; width:120px; text-decoration:none;background:url(../images/dot-normal.jpg) no-repeat 0px;font-weight:bold;font-size:12px; font-family:Tahoma, Arial, "Headache";}
  55. .menu a:hover,.menu a:focus,.menu a:active{padding:25px 10px 25px 33px;  color:#000; text-decoration:underline;background:url(../images/dot-over.jpg) no-repeat 0;}
  56.  
  57. #header-img{
  58.     position:relative;
  59.     clear:both;
  60. }
  61.  
  62. #img-welcome{float:left; padding:5px 10px 5px 0;}
  63. </style>
  64. </head> 
  65. <body> 
  66.  
  67. <div id="container"> 
  68.   <div id="header"> <img src="images/logo-index.gif" alt="Logotype" id="logotype" height="82"      width="231" /> 
  69.         <p class="church-title" style="display:inline">Sichem SDA Church, Inc.</p> 
  70.      <br /> 
  71.      <span class="slogan">Everybody is Somebody at Sichem</span> 
  72.      <div class="menu"> 
  73.      <ul> 
  74.           <li ><a href="index.html" title="Home Page">Home</a></li> 
  75.           <li><a href="#" title="Home Page">About us</a></li> 
  76.           <li><a href="#" title="Home Page"> Mission</a></li> 
  77.           <li> <a href="#" title="Home Page">Donations</a></li> 
  78.           <li><a href="#" title="Home Page">Contact us</a></li> 
  79.      </ul> 
  80.      </div> 
  81.      <img src="images/head-img.jpg" id="header-img" alt="Header" /> 
  82.    </div> 
  83.  <div id="content"> 
  84.   <div id="welcome" class="style1"> 
  85.   <span class="style2">Bienvenue</span> <br /><br /> 
  86.    <img src="images/pic1.gif" id="img-welcome" alt="image 1" width="78" height="78" /> 
  87.   Les cieux racontent la gloire de Dieu et l’étendue manifeste l’œuvre de ses mains. Bien que ce ne soit pas des paroles, des discours ni des voix qu’on puisse entendre, cependant leur retentissement parvient jusqu’aux confins de la terre. Dans cet élan de joie, de reconnaissance, d’amour et de  fraternité, nous les frères et sœurs de l’église adventiste du 7eme jour de Sichem, nous unissons pour adorer, pour louer pour glorifier notre Dieu créateur et rédempteur. <br /><br /> 
  88.   
  89.   Dans cette église, véritable communauté fraternelle, chaque frère, sœur, ou visiteur a une valeur inestimable aux yeux de Dieu et aux yeux des dirigeants. Une place d’honneur vous est réservée, que vous soyez hommes, femmes, vieillards, jeunes ou enfants. Voilà pourquoi nous vous invitons à vous unir à nous, pour qu’ensemble, nous puissions travailler pour notre Sauveur qui revient bientôt. Nos bras et nos cœurs sont ouverts pour vous accueillir. Bienvenue à Sichem où tout un chacun est traité en citoyen du ciel. <br /><br /> 
  90.   <span class="style2">Welcome</span><br> 
  91.     <img src="images/pic2.gif" id="img-welcome" alt="image2" width="78" height="78" /> 
  92.   The skies relate the glory of God and the range shows the work of its hands.  Although these are not words, speeches or voices that one can hear, nevertheless their impact reaches until the earth confine.  In this joy momentum, of recognition, of love and of brotherhood, we, the brothers and sisters of the Adventist church of the 7th day of Sichem, we get to gather to adore, worshiping and glorifying our God creator and savior.   <br /> 
  93.   <br /> 
  94.   
  95.   In this church, true brotherly community, every brother, sister or visitor has an inestimable value to the eyes of God and to the eyes of the leaders.  A place of honor is reserved for you, whether you’ are a men, women, old persons, young or children.  Here why we invite to unite you to ourselves, for that together, so we could work for our God who returns soon.  Our arm and our hearts are opened to welcome you.  Welcome to Sichem where all an each is treated in sky citizen.  <br /> 
  96.   <br /> 
  97.   </div> 
  98.     
  99.     
  100.  </div>   
  101. </div> 
  102. </body> 
  103. </html>

espero te salgan bien las cosas.

PD:coloque todos tus estilo sobre el html, estan bien separados
__________________
WFC
codigo82