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.
Pełna wersja: [CSS][HTML]Wyrównanie diva do góry i wypełnienie.
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
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
Klasa .menuboczne zajmuje to miejsce, dlatego masz "dziure".
http://jsfiddle.net/0zz9ugpw/1/
Teraz mozesz dodac do klasy hovera zeby sie wysuwal/ukrywal.
http://jsfiddle.net/0zz9ugpw/1/
Teraz mozesz dodac do klasy hovera zeby sie wysuwal/ukrywal.
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
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.
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.
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.
Super, działa wielkie dzięki.
jeśli ciebie zaciekawi takie proste menu to możesz sobie wykorzystać
http://jsfiddle.net/0zz9ugpw/4/
http://jsfiddle.net/0zz9ugpw/4/
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.