Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wyśrodkowanie w pionie
Forum PHP.pl > Forum > Przedszkole
DerekDX
12.05.2010, 18:10:51
Witam,
mam problem z wyśrodkowaniem linkow w menu poziomym. Teraz są wszystkie przyklejone do dórnej krawedzi menu a maja być na srodku. Słyszałem że z tym pionowym wyśrodkowaniem są jakieś problemy

I jest jeszcze jedna rzecz według definicji pozycjonowania absolutnego pozycjonowanie te określane jest od obiektu nadrzednego to dlaczego o mnie pozycjnowane jest od krawedzi okna przegladarki?

oto moj kod:

[HTML] pobierz, plaintext 
  1. <body>
  2. <img src="css/images/tlo.jpg" style="position:absolute; top: 0px;/>
  3. 	<div id="menu">
  4.     	<ul>
  5.         	<img src="css/images/menu_left.png" style="float:left;">
  6.         	<li><a href="index.html">Newsy</a></li>
  7. 			<li><a href="rejestracja.html">Rejestracja</a></li>
  8. 			<li><a href="zaloguj.html">Zaloguj</a></li>
  9. 			<li><a href="kontakt.html">Kontakt</a></li>
  10.             <img src="css/images/menu_right.png" style="float:left;">
  11. 		</ul>
  12.     </div>
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1. body {
  2. 	margin-left:auto;
  3. 	margin-right:auto;
  4. 	width:960px;
  5. 	background-color:#080808;
  6. }
  7. /*-----------------------------MENU---------------------------------*/
  8. div#menu {
  9.  
  10.  
  11. }
  12.  
  13. ul, ul li {
  14. 	display: block;
  15. 	list-style: none;
  16. 	margin: 0;
  17. 	padding: 0;
  18. }
  19.  
  20. ul {
  21. 	position:absolute; right: 31px; top:39px;
  22. 	float: left;
  23.  
  24.  
  25. }
  26.  
  27. ul li {
  28. 	float: left;
  29. }
  30.  
  31. ul a:link, ul a:visited {
  32. 	text-align:center;
  33. 	height:55px;
  34. 	width:100px;
  35. 	padding:10px 0px;
  36. 	font-size: 24px;
  37. 	text-decoration: none;
  38. 	display: block;
  39. 	font-weight: bold;
  40. 	background: #000 url("images/menu_middle.png") repeat-x center;
  41. 	color: #fff;
  42. 	padding: 0px 20px;
  43.  
  44. }
[CSS] pobierz, plaintext
metmusic
12.05.2010, 18:19:38
Divy nie reagują na vertical-align.

Z pozycjonowaniem:
jeśli pytasz o pozycję absolutną obrazka to dlatego, że jest w body a nie w div.
jeśli pytasz o pozycję absolutną <ul> to może dlatego, że DIV o id=menu nie ma określonej pozycji ani szerokości - jest równany do lewej strony (zapis dla body width: 960px nie zmniejsza body), oprócz tego masz dla ul float: left to Ci ściąga do lewej

oprócz tego zapisy dla body:
Kod
#margin-left:auto;
#margin-right:auto;
#width:960px;


są bez sensu (width)
tehaha
12.05.2010, 18:25:54
był już dzisiaj ten temat, http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html
aby pozycjonowanie diva nie było względem okna to musisz dla diva-rodzica ustawić position: relative
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.