Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Poziome menu
RoysoN
post
Post #1





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 3.12.2009

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

Witam, stworzylem sobie zarąbiste menu! Działa bez zarzutu!
...dopóki nie otworzymy go za pomocą Internet Explorer. To wygląda tak jakby mi w ogóle nie czytał menuh.css(pliku odpowiedzialnego za wygląd samego menu). Próbowałem na różne sposoby, bezskutecznie.

[HTML] pobierz, plaintext 
  1. ul, ul li {
  2. 	display: block;
  3. 	list-style: none;
  4. 	margin: 0;
  5. 	padding: 0;
  6. }
  7.  
  8. ul li {
  9. 	float: left;
  10. display:inline;
  11. }
  12.  
  13. ul a:link, ul a:visited {
  14.  
  15. 	text-decoration: none;
  16. 	display: block;
  17. 	height:20px;
  18. 	text-align: center;
  19. 	background:url(../grafika/tla/ttlo.jpg);
  20. 	color: #fff;
  21. 	border-right: 2px outset #ccc;
  22. padding-left:10px;
  23. padding-right:10px;
  24. padding-top:5px;
  25. }
  26.  
  27. ul a:hover {
  28. background:url(grafika/tla/men0.gif);
  29. color:black;
  30. }
[HTML] pobierz, plaintext

Dobre menu
Złe menu
Proszę o pomoc.
Go to the top of the page
+Quote Post
Qvazar
post
Post #2





Grupa: Zarejestrowani
Postów: 41
Pomógł: 3
Dołączył: 28.10.2005

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

spróbuj nadać width dla elementu li
Go to the top of the page
+Quote Post
darophp
post
Post #3





Grupa: Zarejestrowani
Postów: 309
Pomógł: 20
Dołączył: 13.02.2010
Skąd: Kęty

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

Zmień kodowanie na Strict i sprawdź walidator. Dzięki temu, na wszytskich stronach będzie wyświetlać się poprawnie (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
pedro84
post
Post #4





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

Cytat(darophp @ 24.04.2010, 17:29:53 ) *
Zmień kodowanie na Strict i sprawdź walidator. Dzięki temu, na wszytskich stronach będzie wyświetlać się poprawnie (IMG:style_emoticons/default/smile.gif)

Kodowanie 'strict'? Hm... nigdy o tym nie słyszałem. Jak już radzisz, to rób to dobrze. Mówisz o DOCTYPE. Rada do kitu, bo może ma stronę w HTML 4.01?

@Autor: Daj URL, a nie jakieś obrazki.
Go to the top of the page
+Quote Post
RoysoN
post
Post #5





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 3.12.2009

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

http://royson.cba.pl/test/
Go to the top of the page
+Quote Post
pedro84
post
Post #6





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

1. Więcej tych arkuszy narobić nie mogłeś? (IMG:style_emoticons/default/smile.gif)
2. Po co Ci ta tabelka?
3. Usuń tabelę, tego diva też, wypozycjonuj menu normalnie, nadaj elementom (<li>) 
[CSS] pobierz, plaintext 
  1. display:inline
[CSS] pobierz, plaintext
i powinno działać.
Go to the top of the page
+Quote Post
RoysoN
post
Post #7





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 3.12.2009

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

Chciałem porządek zaprowadzić, więc zrobiłem wszystko w osobnych arkuszach;))
Co do tabel to była ostateczność, gdy jeszcze miałem inna koncepcje.
Dzieki za pomoc;)) Prądzi ;P
Go to the top of the page
+Quote Post
darophp
post
Post #8





Grupa: Zarejestrowani
Postów: 309
Pomógł: 20
Dołączył: 13.02.2010
Skąd: Kęty

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

Cytat(pedro84 @ 24.04.2010, 17:36:18 ) *
Kodowanie 'strict'? Hm... nigdy o tym nie słyszałem. Jak już radzisz, to rób to dobrze. Mówisz o DOCTYPE. Rada do kitu, bo może ma stronę w HTML 4.01?
@Autor: Daj URL, a nie jakieś obrazki.


No tak, moja wina (IMG:style_emoticons/default/sciana.gif) Tak jak by co:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[HTML] pobierz, plaintext

Tak jak kolega mówił, poczytaj o importowaniu w CSS
[HTML] pobierz, plaintext 
  1. @import url("plik.css");
[HTML] pobierz, plaintext

Wykorzystuj jak najmniej tabelek. Rób na divach i z małych literek

I parę dodatków: ...
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
  5. </head>
  6. <body lang="pl" xml:lang="pl"> ...
[HTML] pobierz, plaintext
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: 28.08.2025 - 03:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn