Witam,
Mam problem z divem który nie działa.

Moje divy wyglądają tak :

[HTML] pobierz, plaintext 
<div id="container">
<div style="float:right; id="topmenu">
<div class="opcja">Strona główna </div>
<div class="opcja">Regulamin</div>
<div class="opcja">Logowanie</div>
<div class="opcja">Rejestracja </div>
<div class="opcja">Kontakt</div>
<div style="clear:both;"> </div>
</div>
[HTML] pobierz, plaintext 

a css tak :

[HTML] pobierz, plaintext 
body {
background-image: url(tlo.png);
width : 1100px;
margin-left : auto;
margin-right :auto;
}
 
#container {
 
}
 
#logo {
font-size:40px;
color : red;
padding : 15px;
letter-spacing: 5px;
}
 
#topmenu {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
 
}
 
.opcja
{
float : right;
min-width : 80px;
height : 25px;
font-size : 15px;
padding : 15px;
text-align: center;
background-color : #161616;
text-align: center;
margin-bottom : 20px;
}
.opcja:hover
{
background-color: #ff6600;
cursor : pointer;
}
[HTML] pobierz, plaintext 

I problem polega na tym, że wszystko co znajduje się w divie #topmenu nie działa.
Co jest nie tak ?
Z góry dziękuję i pozdrawiam.

Zamknij styl inline, a skoro używasz CSS to może warto tam przenieść(?)

Co to znaczy, że nie działa?

Wszystko co wprowadzę do
#topmenu {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

}
się nie wyświetla ( nie widać żadnych zmian )

A czy twoje #topmenu ma jakieś tło/ramke?

http://jsfiddle.net/h8g0she7/

Super działa, tylko nie wiem dla czego nie zaokrągla rogów na dole. U góry jest wszystko ok.

http://jsfiddle.net/h8g0she7/1/ - dlatego.

Tylko teraz po najechaniu jest tak : http://screenshooter.net/101736853/kkebyhb
I niechlujnie wygląda takie "doklejone".

Ponieważ, powinieneś zrobić zaokrąglenia dla pierwszego (ul li:first-child) i ostatniego elementu (ul li:last-child) ul li.

Nie wiem dlaczego, ale nie zapisało zmian.
http://jsfiddle.net/h8g0she7/2/

Ja Ci polecam takie rozwiązanie:

http://jsfiddle.net/h8g0she7/3/

I kilka rad dla Ciebie na przyszłość:
- Nie rób width w body tylko w container
- Menu zazwyczaj się robi na ul li
- Zawsze w menu dodawaj style "główne" dla a ponieważ później możesz mieć problemy z hoverami (trzeba będzie najechać na sam link a nie na belke)
- Jak tworzysz style "zagnieżdżone" to w stylach umieszczaj całą definicję np. zamiast li {} użyj .container ul li {} (będziesz od razu wiedział gdzie ten element się znajduje i masz pewność, że nie nadpisze stylów po dodawaniu jakichś modyfikacji)

markuz przez ten czas dopisałem jeszcze kilka innych divów i jak wklejam to od Ciebie to wszystko się rozlatuje.

Wygląda to wszystko tak : http://jsfiddle.net/tLhu00d5/

Nie rozumiem za bardzo twoich zapisów gdyż w cssie bawię się od wczoraj dlatego ciężko jest mi tam cokolwiek zrobić.


markuz możesz pomóc to zrobić w tym co wysłałem ? Jak wgrywam to od Ciebie to rozchodzi mi się cała strona.

Mógłbym Ci pomóc - aczkolwiek następnym razem będziesz chciał znowu coś dodać/zmienić przyjedziesz na forum i będziesz czekał na gotowca. Ja Ci dałem rozwiązanie/podpowiedź - co z tym zrobisz to twoja sprawa ale gotowego szablonu Ci nie zlepię bo za to się płaci.

Przysiądź nawet przez kilka godz. włącz sobie mój kod i twój kod i posprawdzaj co może się gryźć itd. Tylko w taki sposób możesz się nauczyć css`a - poprzez samodzielną pracę.