Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]Problem z Divem.
Gruchol
post
Post #1





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

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

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

Moje divy wyglądają tak : 

[HTML] pobierz, plaintext 
  1. <div id="container">
  2. <div style="float:right; id="topmenu">
  3. <div class="opcja">Strona główna </div>
  4. <div class="opcja">Regulamin</div>
  5. <div class="opcja">Logowanie</div>
  6. <div class="opcja">Rejestracja </div>
  7. <div class="opcja">Kontakt</div>
  8. <div style="clear:both;"> </div>
  9. </div>
[HTML] pobierz, plaintext



a css tak :

[HTML] pobierz, plaintext 
  1. body {
  2. background-image: url(tlo.png);
  3. width : 1100px;
  4. margin-left : auto;
  5. margin-right :auto;
  6. }
  7.  
  8. #container {
  9.  
  10. }
  11.  
  12. #logo {
  13. font-size:40px;
  14. color : red;
  15. padding : 15px;
  16. letter-spacing: 5px;
  17. }
  18.  
  19. #topmenu {
  20. border-top-left-radius: 10px;
  21. border-top-right-radius: 10px;
  22. border-bottom-left-radius: 10px;
  23. border-bottom-right-radius: 10px;
  24.  
  25. }
  26.  
  27. .opcja
  28. {
  29. float : right;
  30. min-width : 80px;
  31. height : 25px;
  32. font-size : 15px;
  33. padding : 15px;
  34. text-align: center;
  35. background-color : #161616;
  36. text-align: center;
  37. margin-bottom : 20px;
  38. }
  39. .opcja:hover
  40. {
  41. background-color: #ff6600;
  42. cursor : pointer;
  43. }
[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.
Go to the top of the page
+Quote Post
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

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

Co to znaczy, że nie działa?
Go to the top of the page
+Quote Post
Gruchol
post
Post #3





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

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

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 )
Go to the top of the page
+Quote Post
markuz
post
Post #4





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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

A czy twoje #topmenu ma jakieś tło/ramke?
Go to the top of the page
+Quote Post
trueblue
post
Post #5





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

http://jsfiddle.net/h8g0she7/
Go to the top of the page
+Quote Post
Gruchol
post
Post #6





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

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

Super działa, tylko nie wiem dla czego nie zaokrągla rogów na dole. U góry jest wszystko ok.
Go to the top of the page
+Quote Post
markuz
post
Post #7





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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

http://jsfiddle.net/h8g0she7/1/ - dlatego.
Go to the top of the page
+Quote Post
Gruchol
post
Post #8





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

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

Tylko teraz po najechaniu jest tak : http://screenshooter.net/101736853/kkebyhb
I niechlujnie wygląda takie "doklejone".
Go to the top of the page
+Quote Post
markuz
post
Post #9





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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

Ponieważ, powinieneś zrobić zaokrąglenia dla pierwszego (ul li:first-child) i ostatniego elementu (ul li:last-child) ul li.
Go to the top of the page
+Quote Post
trueblue
post
Post #10





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

Nie wiem dlaczego, ale nie zapisało zmian.
http://jsfiddle.net/h8g0she7/2/
Go to the top of the page
+Quote Post
markuz
post
Post #11





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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

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)
Go to the top of the page
+Quote Post
Gruchol
post
Post #12





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 28.11.2014

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

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.
Go to the top of the page
+Quote Post
markuz
post
Post #13





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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

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ę.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 07:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn