Demo

Probiere ClanSphere aus und teste daran herum. Demo


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 ClanSphere Team


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 ClanSphere Team 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.