Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]Wyrównanie diva do góry i wypełnienie.
Gruchol
post 30.01.2015, 12:05:33
Post #1





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

Ostrzeżenie: (0%)
-----


Witam,
Dopiero zaczynam swoją przygodę z css i mam 2 problemy.

Chcę aby podnieść to tak :
http://screenshooter.net/101736853/qmvmpsl
aby nie było tak dużej przerwy.

Oraz aby menu górne miało jeden kolor czyli aby była listwa z jednym kolorem a nie każdy odnośnik miał swój.
Czyli aby pomiędzy linkami nie było białych przerw tak jak jest teraz.

Cały kod :
http://jsfiddle.net/0zz9ugpw/
Z góry dziękuję i pozdrawiam.
Go to the top of the page
+Quote Post
markuz
post 30.01.2015, 12:13:01
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


1. http://jsfiddle.net/os76kpjw/
Musisz umieścić menu po prawej a content po lewej do tego użyj float: left i float: right pamiętając żeby nadrzędny div posiadał overflow: hidden;

2. http://jsfiddle.net/xmwrhtdL/
W menu poziomym styluj tylko a dzięki czemu hovery i hiperłącza będą dotyczyły całego elementu


Ten post edytował markuz 30.01.2015, 12:14:40


--------------------
Go to the top of the page
+Quote Post
slash^
post 30.01.2015, 12:19:03
Post #3





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


Klasa .menuboczne zajmuje to miejsce, dlatego masz "dziure".

http://jsfiddle.net/0zz9ugpw/1/
Teraz mozesz dodac do klasy hovera zeby sie wysuwal/ukrywal.


--------------------
d(^^)b
Go to the top of the page
+Quote Post
daWeb
post 30.01.2015, 12:38:27
Post #4





Grupa: Zarejestrowani
Postów: 43
Pomógł: 2
Dołączył: 3.12.2014

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/0zz9ugpw/2/
Go to the top of the page
+Quote Post
Gruchol
post 30.01.2015, 12:57:03
Post #5





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

Ostrzeżenie: (0%)
-----


Cytat(markuz @ 30.01.2015, 12:13:01 ) *
1. http://jsfiddle.net/os76kpjw/
Musisz umieścić menu po prawej a content po lewej do tego użyj float: left i float: right pamiętając żeby nadrzędny div posiadał overflow: hidden;

2. http://jsfiddle.net/xmwrhtdL/
W menu poziomym styluj tylko a dzięki czemu hovery i hiperłącza będą dotyczyły całego elementu

A czy mogę rozciągnąć to menu do całej szerokości strony ?
Próbowałem width : 100% itp. ale się całe rozchodzi.

Ten post edytował Gruchol 30.01.2015, 12:57:28
Go to the top of the page
+Quote Post
markuz
post 30.01.2015, 13:01:39
Post #6





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/xmwrhtdL/1/
Width 100% musi mieć element ul, natomiast ul li (czyli element menu) musi mieć 100/ilość % w twoim przypadku jest to 20%. Pamiętaj przy tym o zerowaniu margin i padding (left-right) a (top-bottom) ustawiaj jak chcesz.

Ten post edytował markuz 30.01.2015, 13:02:24


--------------------
Go to the top of the page
+Quote Post
Gruchol
post 30.01.2015, 13:05:40
Post #7





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

Ostrzeżenie: (0%)
-----


Super, działa wielkie dzięki.
Go to the top of the page
+Quote Post
jaca121212
post 30.01.2015, 13:45:25
Post #8





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

Ostrzeżenie: (0%)
-----


jeśli ciebie zaciekawi takie proste menu to możesz sobie wykorzystać
http://jsfiddle.net/0zz9ugpw/4/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.05.2025 - 05:44