Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Wyrównanie menu.
Forum PHP.pl > Forum > Przedszkole
Gruchol
Witam,
Napisałem takie coś : http://jsfiddle.net/fuyLrag7/
I problem polega na tym, że menu jest całe rozjechane i kompletnie nie wiem jak je wyrównać.
Nie chcę robić tego menu w ul, li itp ponieważ później się w tym gubię.
Oraz chciałbym aby ten prawy border z menu bocznego powiększał się w zależności od ilości tekstu w divie content.
I czy da się zrobić tak aby ten napis z Strona główna nie reagował na kliknięcie czyli aby nie zmieniał się jego kolor.

Z góry dziękuję i pozdrawiam.
jaca121212
zobacz czy o to ci chodziło
http://jsfiddle.net/fuyLrag7/1/
Gruchol
Wszystko się rozjechało...
Chodzi mi o to aby to górne menu było równe, bo teraz jest wszystko krzywe i nieregularne.
Gruchol
Wszystko się rozjechało...
Chodzi mi o to aby to górne menu było równe, bo teraz jest wszystko krzywe i nieregularne.
jaca121212
#content {
width : 870px;
float : right;
text-align : center;
border-left: solid;
}
#leftmenu {
float : left;
padding : 20px;
min-height : 800px;

}
wtedy będziesz miał tak jak chcesz z tym paskiem z boku
a szerokość menu górnego ile ma być na 100% czy 1050px;
Gruchol
Szerokość ma być 1050px
jaca121212
http://jsfiddle.net/fuyLrag7/3/
powinno już być dobrze
sazian
które manu lewe czy górne ?
swoją droga mogłeś wstawić jeszcze więcej zbędnego kodu, byłoby zdecydowanie łatwiej wink.gif
http://jsfiddle.net/fuyLrag7/4/
Gruchol
http://screenshooter.net/101736853/gqjytol
Chodzi mi dokładnie o to, że jest to krzywo ułożone, i aby po najechaniu zmieniało się całe do tej białej kreski.

Cytat(sazian @ 31.01.2015, 12:39:21 ) *
które manu lewe czy górne ?
swoją droga mogłeś wstawić jeszcze więcej zbędnego kodu, byłoby zdecydowanie łatwiej wink.gif
http://jsfiddle.net/fuyLrag7/4/


Działa super.
Tylko jeszcze jak zrobić aby te napisy w menu nie reagowały na kliknięcie ? Chodzi mi o to aby nie podświetlały się na czerwono i nie zmieniały koloru na fioletowy po wejściu.
Gruchol
Wszystko super tylko jest 1 problem.
Gdy chcę dodać nowe linki czyli :

<a href="http://localhost" style="text-decoration:none" class="menu2">Strona główna</a>
<a href="http://localhost" style="text-decoration:none" class="menu">Pobieralnia</div></a>

To się całe menu rozjeżdża.
jaca121212

dlaczego dajesz class="menu2" jak wszedzie masz class="menu"
Gruchol
Ponieważ zrobiłem osobną klasę dla pierwszej i ostatniej opcji w menu.
Te klasy wyglądają tak samo tylko mają zaokrąglenia w inną stronę.
jaca121212
zrobiłem to w ten sposób http://jsfiddle.net/fuyLrag7/5/
Gruchol
Tylko zobacz, że po najechaniu opcja jest kwadratowa a nie ma zaokrąglonych rogów. Chodzi mi o 1 i ostatnią opcje.
jaca121212
http://jsfiddle.net/fuyLrag7/7/
Gruchol
No i właśnie tak samo zrobiłem...
Tylko że po zrobieniu tego linku to się całe menu rozjeżdża.
jaca121212
zrób screena i wrzuć jak to wygląda u cb bo to u mnie tak wygląda
link
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.