Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Dlaczego z <ul> oddala się od Div'a? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Dlaczego z <ul> oddala się od Div'a? (/thread-dlaczego-z-ul-oddala-sie-od-div-a)

Dlaczego z <ul> oddala się od Div'a? - nigraS - 29-04-2011

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]
[Obrazek: menupol.jpg]
[Obrazek: menupoziome.jpg]
[Obrazek: 95039545.jpg]
[Obrazek: 70549933.jpg]
[Obrazek: 33935345.jpg]


Proszę o porady.

RE: Dla czego z <ul> oddala się od Div'a? - hieroshima - 29-04-2011



RE: Dla czego z <ul> oddala się od Div'a? - Kartofelek - 29-04-2011

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)

RE: Dla czego z <ul> oddala się od Div'a? - nigraS - 29-04-2011

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.

RE: Dla czego z <ul> oddala się od Div'a? - Kartofelek - 29-04-2011

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