YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Habn Bug im Css code,kann ihn nich feststellen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.356 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Habn Bug im Css code,kann ihn nich feststellen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
GolddWu
Mitglied


images/avatars/avatar-5418.gif

Dabei seit: 05.10.08
Beiträge: 115
Fähigkeiten: WBB2 Anfänger; WBB Lite 1 Profi
Forenversion: 2.2
 Habn Bug im Css code,kann ihn nich feststellen Antworten Zitieren Editieren Melden       UP
Hallo ihr lieben,
ich habe nun endlich den code für ein aufklappmenü aus css gefunden,nun habe ich einen bug drinne undzwar is das menü,welches aufklappt um ein pixel verschoben,das stört bissel da ich iwie auf perfektion baue :/ hier der css code:


code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:

#navi {
  background: url(images/navi_bg.png) repeat-x;
  padding: 0; 
  margin: 0; 
  border-left:solid 1px black;
  border-right:solid 1px black;
}
#menu, #menu ul {  
  padding: 0; 
  margin: 0; 
  list-style-type: none; 
}
#menu li { 
  border-right:solid 1px black;
  float: left; 
  position: relative;
}
#menu a, #menu a:visited {
  width: 90px;
  display: block;
  color: #333333;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  text-indent: 5px;
  background: url(images/navi_bg.png) repeat-x;
}
#menu li:hover > a{ 
  background:#ff6600 repeat-x;
  height: 38px; 
  color: #000;
}
#menu li ul {
  display: none;
  text-align: left;
}
#menu li ul a { 
  background: #ff8d41;
}
#menu li:hover > ul {
  display: block; 
  position: absolute; 
  top: 0; 
  left: 88px;
}
#menu > li:hover > ul { 
  left: 0;
  width: 90px;
  top: 38px;
  border:solid 1px black;
}

(C) by Bluevacci Augenzwinkern

Ich hoffe das Problem kann schnell gefunden werden,is ja kein großes.
Hab nochn Screen im Anhang.^^

lG

Dateianhang:
png screen.png (458,42 KB, 85 mal heruntergeladen)


__________________
Mein neues Projekt "Poké Energie" wird in geraumer Zeit online gehen,dann wird hier mein Mini-Banner/Button und Link zum Forum und meiner Hp sein!^^
24.02.09 13:24 GolddWu ist offline E-Mail Finden Als Freund hinzufügen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0
Antworten Zitieren Editieren Melden       UP
Link zur seite? oder den code vom menü (nicht CSS)

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!
24.02.09 14:15 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
GolddWu
Mitglied


images/avatars/avatar-5418.gif

Dabei seit: 05.10.08
Beiträge: 115
Fähigkeiten: WBB2 Anfänger; WBB Lite 1 Profi
Forenversion: 2.2

Themenstarter Thema begonnen von GolddWu
Antworten Zitieren Editieren Melden       UP
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

<div id="navi">
  <ul id="menu">
    <li><a href="#">Menü 1</a></li>
      <li><a href="#">Menü 2</a>
        <ul>
          <li><a href="#">Sublink 1</a></li>
          <li><a href="#">Sublink 2</a></li>
        </ul>
      </li>
      <li><a href="#">Menü 3</a>
        <ul>
          <li><a href="#">Sublink 1</a></li>
            <li><a href="#">Sublink 2</a></li>
            <li><a href="#">Sublink 3</a></li>
        </ul>
      <li><a href="#">Menü 4</a>
        <ul>
          <li><a href="#">Sublink 1</a></li>
          <li><a href="#">Sublink 2</a></li>
          <li><a href="#">Sublink 3</a></li>
          <li><a href="#">Sublink 4</a></li>
        </ul>
    </li>
  </ul>
</div>

da bitteschön^^

__________________
Mein neues Projekt "Poké Energie" wird in geraumer Zeit online gehen,dann wird hier mein Mini-Banner/Button und Link zum Forum und meiner Hp sein!^^
24.02.09 14:37 GolddWu ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0
Antworten Zitieren Editieren Melden       UP
Spiel dich mal mit den left-Eigenschaften.

__________________
Gruß Dizzy

the rest is silence
24.02.09 14:46 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0
Antworten Zitieren Editieren Melden       UP
code: 
1:
2:
3:
4:
5:
6:
7:
8:

#menu > li:hover > ul { 
  left: -1px;
  width: 90px;
  top: 38px;
  border:solid 1px black;
}


__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!
24.02.09 14:58 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
GolddWu
Mitglied


images/avatars/avatar-5418.gif

Dabei seit: 05.10.08
Beiträge: 115
Fähigkeiten: WBB2 Anfänger; WBB Lite 1 Profi
Forenversion: 2.2

Themenstarter Thema begonnen von GolddWu
Antworten Zitieren Editieren Melden       UP
VIELEN VIELEN DANK EUCH BEIDEN *FREU* großes Grinsen

__________________
Mein neues Projekt "Poké Energie" wird in geraumer Zeit online gehen,dann wird hier mein Mini-Banner/Button und Link zum Forum und meiner Hp sein!^^
24.02.09 15:58 GolddWu ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Habn Bug im Css code,kann ihn nich feststellen