[CSS][HTML]Wyrównanie menu. Opcje

[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/


Ten post edytował jaca121212 31.01.2015, 12:07:52

[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
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.

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.

[sazian]

http://www.kurshtmlcss.pl/kurs-css/lekcja16-pseudo-klasy.php

[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

Ten post edytował jaca121212 31.01.2015, 16:51:56