+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Menu poziome div + css (/thread-menu-poziome-div-css)
Menu poziome div + css - implossive - 17-01-2010
Witam, jestem nowy na tym forum i zaczynam zabawę z css.
Chciałbym zrobić menu poziome, wyśrodkowane i złączone ( oczywiscie obrazkowe) chodzi mi o takie coś http://wolle.unl.pl/poziome/ ( dokladnie o takie :] ), tyle że chciałbym aby to było złączone..
kod css :
ul li {
display: inline;
white-space: nowrap;
padding:0;
border-spacing:0;
}
kod index
http://wolle.unl.pl/poziome/
Proszę o pomoc..
RE: Menu poziome div + css - Labsta.com - 17-01-2010
Podmianę obrazków zrób lepiej w CSS, tu masz tutka http://websta.pl/szybkie-triki/szybkitrik-obrazek-z-efektem-hover-rollover-w-css
Dla li daj margin: 0;.
RE: Menu poziome div + css - implossive - 17-01-2010
Ale mi chodzi o to, aby to menu było złączone a tak nie jest,(coś jak cellspacing="0") jedyny sposób połączenia jaki mi działał to było float:left, ale gdy to zrobie to menu znajduje się na lewej stronie i nie da się tego wyśrodkować..
RE: Menu poziome div + css - virus4 - 17-01-2010
Mi te strony nie działają ale domyślam się o co chodzi. Może display: inline; pomoże? Tylko wtedy nie będziesz mógł ustalić szerokości.
RE: Menu poziome div + css - Labsta.com - 17-01-2010
Zrób tak:
Wywal to center, tak się nie robi. Najlepiej jak całą stronę otoczysz div id="wrap" i nadasz mu szerokość oraz margin: 0px auto;
Kod:
#menu {
width: 960px; /*Menu nadaj odpowiednią szerokość jeśli nie użyjesz tego wrapa */
}
ul {
overflow: hidden;
margin: 0px auto;
}
ul li {
display: inline-block;
white-space: nowrap;
padding:0;
border-spacing:0;
float: left;
}RE: Menu poziome div + css - implossive - 17-01-2010
Wielkie dzięki !! Działa elegancko.