[CSS][HTML]Wyrównanie menu. |
[CSS][HTML]Wyrównanie menu. |
31.01.2015, 11:05:41
Post
#1
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
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. |
|
|
31.01.2015, 12:01:00
Post
#2
|
|
Grupa: Zarejestrowani Postów: 256 Pomógł: 16 Dołączył: 21.12.2014 Ostrzeżenie: (0%) |
zobacz czy o to ci chodziło
http://jsfiddle.net/fuyLrag7/1/ Ten post edytował jaca121212 31.01.2015, 12:07:52 |
|
|
31.01.2015, 12:09:17
Post
#3
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
Wszystko się rozjechało...
Chodzi mi o to aby to górne menu było równe, bo teraz jest wszystko krzywe i nieregularne. |
|
|
31.01.2015, 12:09:18
Post
#4
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
Wszystko się rozjechało...
Chodzi mi o to aby to górne menu było równe, bo teraz jest wszystko krzywe i nieregularne. |
|
|
31.01.2015, 12:15:56
Post
#5
|
|
Grupa: Zarejestrowani Postów: 256 Pomógł: 16 Dołączył: 21.12.2014 Ostrzeżenie: (0%) |
#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; |
|
|
31.01.2015, 12:17:58
Post
#6
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
Szerokość ma być 1050px
|
|
|
31.01.2015, 12:23:17
Post
#7
|
|
Grupa: Zarejestrowani Postów: 256 Pomógł: 16 Dołączył: 21.12.2014 Ostrzeżenie: (0%) |
http://jsfiddle.net/fuyLrag7/3/
powinno już być dobrze |
|
|
31.01.2015, 12:39:21
Post
#8
|
|
Grupa: Zarejestrowani Postów: 1 045 Pomógł: 141 Dołączył: 19.09.2006 Skąd: B-tów Ostrzeżenie: (0%) |
które manu lewe czy górne ?
swoją droga mogłeś wstawić jeszcze więcej zbędnego kodu, byłoby zdecydowanie łatwiej http://jsfiddle.net/fuyLrag7/4/ |
|
|
31.01.2015, 12:41:32
Post
#9
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
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. które manu lewe czy górne ? swoją droga mogłeś wstawić jeszcze więcej zbędnego kodu, byłoby zdecydowanie łatwiej 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. |
|
|
31.01.2015, 12:53:53
Post
#10
|
|
Grupa: Zarejestrowani Postów: 1 045 Pomógł: 141 Dołączył: 19.09.2006 Skąd: B-tów Ostrzeżenie: (0%) |
|
|
|
31.01.2015, 13:59:25
Post
#11
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
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. |
|
|
31.01.2015, 15:21:47
Post
#12
|
|
Grupa: Zarejestrowani Postów: 256 Pomógł: 16 Dołączył: 21.12.2014 Ostrzeżenie: (0%) |
dlaczego dajesz class="menu2" jak wszedzie masz class="menu" |
|
|
31.01.2015, 15:32:52
Post
#13
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
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ę. |
|
|
31.01.2015, 15:41:32
Post
#14
|
|
Grupa: Zarejestrowani Postów: 256 Pomógł: 16 Dołączył: 21.12.2014 Ostrzeżenie: (0%) |
zrobiłem to w ten sposób http://jsfiddle.net/fuyLrag7/5/
|
|
|
31.01.2015, 15:45:13
Post
#15
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
Tylko zobacz, że po najechaniu opcja jest kwadratowa a nie ma zaokrąglonych rogów. Chodzi mi o 1 i ostatnią opcje.
|
|
|
31.01.2015, 15:50:01
Post
#16
|
|
Grupa: Zarejestrowani Postów: 256 Pomógł: 16 Dołączył: 21.12.2014 Ostrzeżenie: (0%) |
|
|
|
31.01.2015, 16:06:33
Post
#17
|
|
Grupa: Zarejestrowani Postów: 242 Pomógł: 0 Dołączył: 28.11.2014 Ostrzeżenie: (0%) |
No i właśnie tak samo zrobiłem...
Tylko że po zrobieniu tego linku to się całe menu rozjeżdża. |
|
|
31.01.2015, 16:23:09
Post
#18
|
|
Grupa: Zarejestrowani Postów: 256 Pomógł: 16 Dołączył: 21.12.2014 Ostrzeżenie: (0%) |
zrób screena i wrzuć jak to wygląda u cb bo to u mnie tak wygląda
link Ten post edytował jaca121212 31.01.2015, 16:51:56 |
|
|
Wersja Lo-Fi | Aktualny czas: 24.04.2024 - 12:24 |