Zaloguj się

nigraS · Liczba postów: 2 Liczba wątków: 1 Dołączył: 29-04-2011 Reputacja: 0

Dla czego z <ul> (4 obrazek) oddala się od Div'a, chciałbym, aby <ul> nie miał żadnych marginesów i żeby stykał się z menu_pol

Poniżej screen'y.

[Obrazek: menurd.jpg]

Proszę o porady.

hieroshima · (Ten post był ostatnio modyfikowany: 29-04-2011, 18:08 przez hieroshima.)

**Kartofelek** · 29-04-2011, 18:49

zamiast bawic sie w printscreeny dawaj linka do strony, wtedy od reki sie to zrobi, a nie bedzie zgadywalo po screenach. Co do listy - nie ustawiasz jej marginesu i paddinga na 0 (tak przynajmniej wynika ze screena)

nigraS · (Ten post był ostatnio modyfikowany: 29-04-2011, 19:06 przez nigraS.)

Niestety nie pomogło to.

poniżej kod html i css.

Kod PHP:
<head>

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <link href="szata/szata.css" rel="stylesheet" type="text/css">
    </head>
 




<body>


  <div id="calosc">    
  
    <div id="gora">
      <div id="logo"></div>
      <div id="logo_tekst">tekst obok loga</div>
      <div id="logowanie">login</div>
      <div id="pod_login">Współpraca z nami to najlepsza praca dodatkowa dla Ciebie!!!</div>
    </div>     
  <div id="menu">    
    <div id="menu_pol">    
    
        </div> 

<div id="menu-poziome">      
   <ul>
         <li><a href="#">Regulamin</a></li>
     <li><a href="#">O nas</a></li>
     <li><a href="#">FAQ</a></li>
     <li><a href="#">Rejestracja On-Line</a></li>
   </ul>
</div>

 </div>    
    
    <div id="kupa">         
      <div id="lewe_menu">
        Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu 
Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu 
Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu M
Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu         
      </div>
            
      <div id="tresc">           
        Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  
Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  Treść treść  
Treść treść  Treść treść  Treść treść  Treść treść  Treść treść          
      </div>         
    </div>   
<div class="clear"></div>
      <div id="stopka">Stopka</div>               
  </div>

</body>



</html> 

Kod PHP:
body{ 
  margin-left: 0px; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  background-color: #ECECEC; 
  background-image: url(../img/bg.jpg); 
  background-repeat: repeat;
} 

#calosc { 
  text-align: left; 
  padding: 0px; 
  width: 1000px; 
  margin-top: 0px; 
  margin-right: auto; 
  margin-bottom: 0px; 
  margin-left: auto;
} 



#gora { 
  margin: 0px; 
  padding: 0px; 
  height: 126px; 
  width: 1000px;
} 

#logo{
  width: 341px; 
  height: 102px;
  background-image: url(../img/logo.jpg);
  float: left;
}

#logo_tekst{
  float:left;
  width: 341px; 
  height: 70px;
}
#logowanie{
  float:right;
  height: 70px;
  width:316px;
}
#pod_login{
  float:right;
  height: 50px;
}

#menu{
  float:left;
  height: 50px; 
  width: 1000px;
}

#menu_pol { 
  float:left;
  width: 558px;
} 


#kupa { 
  margin: 0px; 
  padding: 0px; 
  width: 1000px;
  float:left;
} 

#lewe_menu { 
  margin: 0px; 
  padding: 0px; 
  float: left; 
  width: 242px; 
  background-repeat: repeat-y;
} 

#tresc { 
  margin: 0px; 
  padding: 0px; 
  float: right; 
  width: 758px;
}

#stopka { 
  margin: 0px; 
  padding: 0px; 
  clear: both; 
  width: 998px; 
  height: 69px;
  background-image: url(../img/stopka.jpg);
}



/* menu poziome u góry */

#menu-poziome { 
  margin: 0px; 
  padding: 0px; 
  height: 50px; 
  width:442px;
  background-repeat: no-repeat;
  float:left;
} 

#menu-poziome ul {
float:left;
list-style:none;
}

#menu-poziome li {
float:left;
text-align:left;
}

#menu-poziome ul li a {
  /*display:block;
  padding:6px 10px 6px 10px;
  font-weight:bold;*/
  padding-top:15px;
  padding-bottom:15px;
  padding-left:12px;
  padding-right:12px;
  border-left:1px solid #354d60;
  color:#eeeeee;
  background-image: url(../img/menu.jpg);
  height: 50px; 
  text-transform:uppercase;
  font-size:0.9em;
  text-decoration:none;
}

#menu-poziome ul li a:hover {
color: #99341f;
background-color:#e4e4e4;
}


.clear { clear:both;} 

linka podać nie mogę, gdyż jeszcze stronka jest na localu.

o już jest dobrze.
do #menu-poziome ul dodałem padding: 0px; i pomogło.

**Kartofelek** · 29-04-2011, 20:05

Swoją drogą po co to menu pol?
nie lepiej to menu-poziome float:right a reszta będzie tłem #menu (overflow:hidden; background:#000 Wink

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie