Forum PHP.pl > display none lecz <a> widoczny

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: display none lecz <a> widoczny

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

kufalo

23.03.2007, 13:08:19

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 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
 a{display:block}
 .m{width:150px;background-color:#AAAAAA}
 .m a{display:none}
</style>
 
<body>
 <a class="m">
  <div>MENU</div>
  <a href="1">aaa</a>
 </a>
</body>
[HTML] pobierz, plaintext

mike

23.03.2007, 13:15:23

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

kufalo

23.03.2007, 13:33:40

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 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
 a .v{display:none}
 a:hover .v{display:block}
</style>
<body>
 <a style="display:block;width:150px;background-color:#AAAAAA">
  <div>MENU</div>
  <div class="v">
   <div>1</div>
   <div>2</div>
   <div>3</div>
  </div>
 </a>
</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.

Łukasz O.

23.03.2007, 13:55:51

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 
<style type="text/css">
    div.menu{width:200px;}/*tu podajesz szerokość menu*/
    div.menu a{display:block;width:100%;}
</style>
<div class="menu">
     menu
    <a href="link">link</a>
    <a href="link">link</a>
    <a href="link">link</a>
</div>
[HTML] pobierz, plaintext

kufalo

23.03.2007, 14:43:58

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

.....dlaczego po wrzuceniu zamist cyft linkow traci swoje wlasciwisci

Łukasz O.

23.03.2007, 14:52:51

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

gekon

23.03.2007, 14:54:15

Uwierz, że powinno to wyglądać tak:

[HTML] pobierz, plaintext 
<ul id="menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
[HTML] pobierz, plaintext

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.