Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]Wyrównanie menu.
Gruchol
post 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.
Go to the top of the page
+Quote Post
jaca121212
post 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
Go to the top of the page
+Quote Post
Gruchol
post 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.
Go to the top of the page
+Quote Post
Gruchol
post 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.
Go to the top of the page
+Quote Post
jaca121212
post 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;
Go to the top of the page
+Quote Post
Gruchol
post 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
Go to the top of the page
+Quote Post
jaca121212
post 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
Go to the top of the page
+Quote Post
sazian
post 31.01.2015, 12:39:21
Post #8





Grupa: Zarejestrowani
Postów: 1 043
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 wink.gif
http://jsfiddle.net/fuyLrag7/4/
Go to the top of the page
+Quote Post
Gruchol
post 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.

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.
Go to the top of the page
+Quote Post
sazian
post 31.01.2015, 12:53:53
Post #10





Grupa: Zarejestrowani
Postów: 1 043
Pomógł: 141
Dołączył: 19.09.2006
Skąd: B-tów

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


http://www.kurshtmlcss.pl/kurs-css/lekcja16-pseudo-klasy.php
Go to the top of the page
+Quote Post
Gruchol
post 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.
Go to the top of the page
+Quote Post
jaca121212
post 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"
Go to the top of the page
+Quote Post
Gruchol
post 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ę.
Go to the top of the page
+Quote Post
jaca121212
post 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/
Go to the top of the page
+Quote Post
Gruchol
post 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.
Go to the top of the page
+Quote Post
jaca121212
post 31.01.2015, 15:50:01
Post #16





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

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


http://jsfiddle.net/fuyLrag7/7/
Go to the top of the page
+Quote Post
Gruchol
post 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.
Go to the top of the page
+Quote Post
jaca121212
post 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
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: 29.03.2024 - 14:17