Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
4 divy obok siebie - 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: 4 divy obok siebie (/thread-4-divy-obok-siebie)

Strony: 1 2 3


RE: 4 divy obok siebie - Kartofelek - 11-04-2012

2 rozwiązania:

1)
#logo i #menu ładujesz w div#header lub div o podobnej nazwie. Wtedy:
#logo float:left;
#menu float:right;
#header dajesz wysokość (lub overflow:hidden jeżeli ma z automatu to sobie liczyć).

2)
#logo dajesz normalnie bez floatów itp.
#menu dajesz position:absolute; top:15px; right:15px;
#content musi mieć position:relative;

Z tych dwóch metod osobiście wolę metodę 2 Smile


RE: 4 divy obok siebie - wolny92 - 11-04-2012

W pierwszym jak i w drugim sposobie bo zrobieniu wytycznych menu nie jest w jednej linii tylko robi się jedno pod drugim.


RE: 4 divy obok siebie - Kartofelek - 11-04-2012

Nie widzę byś na stronie trzymał się wytycznych.


RE: 4 divy obok siebie - wolny92 - 12-04-2012

Zrobiłem to na localu i nie wychodziło.


RE: 4 divy obok siebie - Moody - 12-04-2012

(11-04-2012, 21:17)Kartofelek napisał(a): Z tych dwóch metod osobiście wolę metodę 2 Smile
Ponieważ?


I kolejne pytanie. Czy jak jest div logo to nie lepiej było by tego diva usunać i dać img wyswietlane jako block? Szukam rozwiazania do Twojego pierwszego sposobu by nie było diva w divie Smile


RE: 4 divy obok siebie - wolny92 - 12-04-2012

http://kwasnik.info/html/

Tak wygląda po pierwszej metodzie


RE: 4 divy obok siebie - Moody - 12-04-2012

Czemu to menu masz na samych divach zrobione? Jak masz:
<div class="menu">....</div>
To w nim zrób listę <ul> i ostyluj to w CSS.


RE: 4 divy obok siebie - wolny92 - 12-04-2012

Ale dalej nie będę mógł tego ustalić na wysokości logo.
Menu mam w jednym plik tj. http://kwasnik.info/html/img/menu.png


RE: 4 divy obok siebie - Moody - 12-04-2012

I co z tego, że masz w jednym pliku. Nie każę Ci robić osobnych Wink
Zrób to menu na liście poziomej. I jak już będzie poziomo to menu to nadajsz tylko marines dla całej listy taki jak dla logo. Czyli z tego co pamiętam to 37px.


RE: 4 divy obok siebie - wolny92 - 13-04-2012

http://kwasnik.info/html/

dalej to samo.
Ok już chodzi Smile