Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> display none lecz <a> widoczny
kufalo
post
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 2
Dołączył: 24.08.2005

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

Witam, nie wiem dlaczego wewnetrzne <a> jest widoczne, a w css usyawiam jako display none.
Drugi problem w tym, ze coloro backgroudu nie rozciaga sie na cale zewnetrzne <a>
[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. <style>
  3.  a{display:block}
  4.  .m{width:150px;background-color:#AAAAAA}
  5.  .m a{display:none}
  6. </style>
  7.  
  8. <body>
  9.  <a class="m">
  10.   <div>MENU</div>
  11.   <a href="1">aaa</a>
  12.  </a>
  13. </body>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
mike
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Przecież ten kod to żart z XHTML'a.
Znaczniki liniowe mogą zawierać tylko i wyłącznie znaczniki liniowe.
A u Ciebie <a> (liniowy) zawiera <div> (blokowy).

Powiedz co chcesz osiągnąć a pomożemy Ci napisać to tak jak powinno być.
Go to the top of the page
+Quote Post
kufalo
post
Post #3





Grupa: Zarejestrowani
Postów: 251
Pomógł: 2
Dołączył: 24.08.2005

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

Cytat
A u Ciebie <a> (liniowy) zawiera <div> (blokowy).


Nigdy wczesniej nie mialem problemow z <a style="display:block"></a>
Zachowywaly sie jak <div> przy czym zachowywaly 'funcje' href


// --- 

[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. <style>
  3.  a .v{display:none}
  4.  a:hover .v{display:block}
  5. </style>
  6. <body>
  7.  <a style="display:block;width:150px;background-color:#AAAAAA">
  8.   <div>MENU</div>
  9.   <div class="v">
  10.    <div>1</div>
  11.    <div>2</div>
  12.    <div>3</div>
  13.   </div>
  14.  </a>
  15. </body>
[HTML] pobierz, plaintext


Chcialem zrobic takie menu na css (powyzszy kod dziala na pewno na FF).....jednak jak rzucam linki zamiast 1 2 3, to wlasnie mam ten problem.

Ten post edytował kufalo 23.03.2007, 13:38:41
Go to the top of the page
+Quote Post
Łukasz O.
post
Post #4





Grupa: Zarejestrowani
Postów: 191
Pomógł: 5
Dołączył: 13.01.2007

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

nawet nie wiem czy śmiać się czy płakać:P najpierw ustalasz, że ma się nie pokazywać, później chcesz te linki widzieć - chcesz menu w którym linki będą na całą szerokość div'a? czy jeszcze coś innego?

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.     div.menu{width:200px;}/*tu podajesz szerokość menu*/
  3.     div.menu a{display:block;width:100%;}
  4. </style>
  5. <div class="menu">
  6.      menu
  7.     <a href="link">link</a>
  8.     <a href="link">link</a>
  9.     <a href="link">link</a>
  10. </div>
[HTML] pobierz, plaintext


--------------------
"Don't tell me you want a bridge - show me the canyon you want to cross" Giuseppe Delena
Go to the top of the page
+Quote Post
kufalo
post
Post #5





Grupa: Zarejestrowani
Postów: 251
Pomógł: 2
Dołączył: 24.08.2005

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

Cytat
nawet nie wiem czy śmiać się czy płakać najpierw ustalasz, że ma się nie pokazywać, później chcesz te linki widzieć - chcesz menu w którym linki będą na całą szerokość div'a? czy jeszcze coś innego?

Chyba zle czytasz......wlasnie maja byc nie widoczne jak ustalam.....a one sa widoczne.

Uruchamiales drugi skrypt na FF i widziales jak dziala questionmark.gif .....dlaczego po wrzuceniu zamist cyft linkow traci swoje wlasciwisci questionmark.gif

Ten post edytował kufalo 23.03.2007, 14:44:57
Go to the top of the page
+Quote Post
Łukasz O.
post
Post #6





Grupa: Zarejestrowani
Postów: 191
Pomógł: 5
Dołączył: 13.01.2007

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

nie działa bo robisz kaszankę z kodu - nie możesz dać linka w linku:/ naucz się podstaw


--------------------
"Don't tell me you want a bridge - show me the canyon you want to cross" Giuseppe Delena
Go to the top of the page
+Quote Post
gekon
post
Post #7





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

Uwierz, że powinno to wyglądać tak:
[HTML] pobierz, plaintext 
  1. <ul id="menu">
  2. <li><a href="#">1</a></li>
  3. <li><a href="#">2</a></li>
  4. <li><a href="#">3</a></li>
  5. </ul>
[HTML] pobierz, plaintext

Teraz nie powinno być problemów, z ostylowaniem (o ile nie włączysz Quirks Mode w IE).


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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: 20.08.2025 - 22:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn