Antworten: 5
Seite [1] |
|
sixsixone Wannabe poster Beiträge: 37 |
# Thema - 12.03.2008 um 23:41 Uhr
Ich hab mich mal per google erkundigt ob sowas geht und bin auf folgenden code gestoßen html <div id="menuebox"> <div id="menue"> <div class="aussen"> <span class="menutag">Produkte</span> <a class="innen-1" href="#">Systeme</a> <a class="innen" href="#">Speicher</a> <a class="innen" href="#">Laufwerke</a> <a class="innen" href="#">Monitore</a> <a class="innen" href="#">Drucker</a> <a class="innen" href="#">Zubehör</a> </div> <div class="aussen"> <span class="menutag">Leistungen</span> <a class="innen-1" href="#">Netzwerke</a> <a class="innen" href="#">Server</a> <a class="innen" href="#">Wartung</a> </div> <div class="aussen"> <span class="menutag">Service</span> <a class="innen-1" href="#">Reparatur</a> <a class="innen" href="#">Konfiguration</a> <a class="innen" href="#">Software</a> <a class="innen" href="#">Schulung</a> </div> <div class="aussen"> <span class="menutag">Links</span> <a class="innen-1" href="#">About Us</a> <a class="innen" href="#">Partner</a> <a class="innen" href="#">Referenzen</a> </div> </div><!-- menue --> <!-- Der folgende Block bedient nur IEs! Durch diese Redundanz vermeiden wir den Einsatz von Javascript. --> <!--[if IE]> <div class="stupidie"> <a class="auss" href="#"><span class="menutag">Produkte</span> <table><tr><td> <a class="inn" href="#">Systeme</a> <a class="inn" href="#">Speicher</a> <a class="inn" href="#">Laufwerke</a> <a class="inn" href="#">Monitore</a> <a class="inn" href="#">Drucker</a> <a class="inn" href="#">Zubehör</a> </td></tr></table> </a> <a class="auss" href="#"><span class="menutag">Leistungen</span> <table><tr><td> <a class="inn" href="#">Netzwerke</a> <a class="inn" href="#">Server</a> <a class="inn" href="#">Wartung</a> </td></tr></table> </a> <a class="auss" href="#"><span class="menutag">Service</span> <table><tr><td> <a class="inn" href="#">Reparatur</a> <a class="inn" href="#">Konfiguration</a> <a class="inn" href="#">Software</a> <a class="inn" href="#">Schulung</a> </td></tr></table> </a> <a class="auss" href="#"><span class="menutag">Links</span> <table><tr><td> <a class="inn" href="#">About Us</a> <a class="inn" href="#">Partner</a> <a class="inn" href="#">Referenzen</a> </td></tr></table> </a> </div> </div> und css das css #menuebox { position: relative; height: 30px; } .stupidie { display: none; } #menue { position:absolute; top: 5px; left: 0; z-index: 200; } #menue .aussen { float: left; display: block; overflow: hidden; width: 8em; height: 1.3em; font-weight: bold; text-align: center; background-color: #dec79a; color: #513913; border: 1px solid; border-color: #d0843e #78561d #78561d #d0843e; } #menue .aussen:hover { height: auto; background-color: #624617; color: #fff; } a.innen-1 { margin-top: 2px; } a.innen, a.innen-1 { display: block; width: 7.9em; padding: 2px 0; text-decoration: none; font-weight: normal; border-bottom: 1px solid #78561d; background-color: #ecd8ae; color: #600; } a:visited.innen, a:visited.innen-1 { background-color: #ecd8ae; color:#555; } a:hover.innen, a:hover.innen-1 { background-color: #f7eedb; color: #900; } span.menutag { display: block; cursor: default; } Mein Problem is nur dass wenn ich das in ne datei schreibe hab ich nur einen weißen bildschirm. Danke schon ma |
Inaktiv |
|
fay-pain Specialist Beiträge: 2006 |
# Antwort: 1 - 13.03.2008 um 04:55 Uhr
mhh... ich weiß jetzt nicht ob ich zu tief greife, aber hast du in der html-datei auch <html>,<head> sowie <body> und die .css-datei eingebunden? und hast du das menü erstmal lokal getestet, oder doch schon eingebunden im design? ------------------ Manchmal hast du fay und machmal pain. - hajo |
Inaktiv |
|
reVerB Geekboy Beiträge: 1237 |
# Antwort: 2 - 13.03.2008 um 06:05 Uhr
Man muss HTML, HEAD und BODY mindestens drinne haben, weil du im Browser sonst keine Webseite, sondern eine Text-Datei ausgibst. Somit sind alle HTML und CSS-Formatiereungen und Codes wirkungslos. |
Inaktiv |
|
sixsixone Thread-Ersteller Wannabe poster Beiträge: 37 |
# Antwort: 3 - 13.03.2008 um 11:37 Uhr
ok... ich werds ma versuchen danke für die hilfe Nee das muss ich ja drin haben dass hatte ich schon so... Zuletzt editiert von sixsixone am 13.03.2008 um 11:38 Uhr (1x Editiert) |
Inaktiv |
|
Fr33z3m4n Medal of Honor Herkunft: Hamm Beiträge: 11094 |
# Antwort: 4 - 13.03.2008 um 13:23 Uhr
hatte das gleiche schonmal benutzt und eingefügt, //EDIT: ok habs gefunden http://basti1706.ba.funpic.de/serox/ da ist es im einsatz, schaus dir an, und vergleich es. ------------------ mfg Patrick "Fr33z3m4n" Jaskulski Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer. Zuletzt editiert von Fr33z3m4n am 13.03.2008 um 13:24 Uhr (1x Editiert) |
Inaktiv |
|
sixsixone Thread-Ersteller Wannabe poster Beiträge: 37 |
# Antwort: 5 - 13.03.2008 um 22:34 Uhr
thx schau ich mir ma an hab im mom nich so viel Zeit. |
Inaktiv |
|
Antworten: 5
Seite [1] |
Sie müssen sich registrieren, um zu antworten. |