Vonwegen "What You See Is What You Get"

[olimustermann]

Hallo Leute, ich brauche eure Hilfe.
Im Browser zeigt es mir meine Seite an, wie ich sie möchte nur Dreamweaver hakt, das kenne ich normal anders rum
Mit dem Suchmaschinenfehler kann ich mich abfinden, aber nicht mit der Navigation, wie muss ich den Quelltext abändern, damit auch Dreamweaver meine Seite richtig darstellt?
Hier zum Vergleich:
Dreamweaver:

Browser

Quelltext:

<div class="rollovermenuDIV">    
<td width="73" height="72"><div style="float: left;" class="rollovermenuSTART"><a href="http://www.bild.de/"></a></div></td>
<td width="114" height="72"><div style="float: left;" class="rollovermenuWETTKAMPF"><a href="speisekarte.html"></a></div></td>
<td width="84" height="72"><div style="float: left;" class="rollovermenuTRAINING"><a href="kontakt.html"></a></div></td>
<td width="85" height="72"><div style="float: left;" class="rollovermenuTERMINE"><a href="speisekarte.html"></a></div></td>
<td width="95" height="72"><div style="float: left;" class="rollovermenuINTERAKTIV"><a href="speisekarte.html"></a></div></td>
</div> 

...und die CSS

@charset "UTF-8";
/* CSS Document */ 
.rollovermenuDIV {
    position:absolute;
    width:749px;
    height:76px;
    z-index:11;
    left: 61px;
    top: 122px;
}  
.rollovermenuSTART a {
    height: 36px;
    width: 73px;
    background: url("../hp_gp/hp_gp_ro/hp_navi_start.png") 0px 0px no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}
.rollovermenuSTART a:hover {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuSTART a:active {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}  
.rollovermenuWETTKAMPF a {
    height: 36px;
    width: 114px;
    background: url("../hp_gp/hp_gp_ro/hp_navi_wettkaempfe.png") 0px 0px no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}
.rollovermenuWETTKAMPF a:hover {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuWETTKAMPF a:active {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuTRAINING a {
    height: 36px;
    width: 84px;
    background: url("../hp_gp/hp_gp_ro/hp_navi_training.png") 0px 0px no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}
.rollovermenuTRAINING a:hover {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuTRAINING a:active {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuTERMINE a {
    height: 36px;
    width: 85px;
    background: url("../hp_gp/hp_gp_ro/hp_navi_termine.png") 0px 0px no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}
.rollovermenuTERMINE a:hover {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuTERMINE a:active {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuINTERAKTIV a {
    height: 36px;
    width: 95px;
    background: url("../hp_gp/hp_gp_ro/hp_navi_interaktiv.png") 0px 0px no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}
.rollovermenuINTERATKIV a:hover {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
}
.rollovermenuINTERAKTIV a:active {
    background-position: 0px -36px;
    margin: 0;
    padding: 0;
} 

"CSS - Hä?" Nach diesem Prinzip: http://www.drweb.de/magazin/css-2-sc...-ohne-preload/

[olimustermann]

Achja, visible=hidden soll nicht die Lösung sein, das fehlt die Hälfte

[Rinaldo]

Hm, ich frag gar nicht nach, wieso immer wieder DIVs mit Tabellen gemischt werden...

Ich hab Dir Dein Menü hier mal nachgebaut - nur mit einer Liste.

Eigentlich wollte ich die Menüpunkte in den Links stehen lassen und den Text selbst per text-indent:-2000px; wieder aus dem Browser schieben - aber dann hat mir Dreamweaver das Menü nicht mehr angezeigt (muss ich mir nochmal ansehen). Und da Du großen Wert auf die Darstellung im Dreamweaver legst, hab ich den unschönen Weg mit   gewählt.

[olimustermann]

Wo habe ich eine Tabelle
Danke für deine Arbeit, aber jetzt habe ich schon alles schön zusammen geschnibbelt, würde schon gerne den CSS Stil beibehalten.
Bei einer anderen Seite habe ich das auch schon hingekriegt, ich weiß nur nicht mehr wie.

[Rinaldo]

<td ........> ist für mich ein Teil einer Tabelle...

[Rinaldo]

jetzt habe ich schon alles schön zusammen geschnibbelt, würde schon gerne den CSS Stil beibehalten.

Das "geschnibbselte" kannst Du ja weiterverwenden .

Sieh Dir mein Beispiel an - ich hoffe, Du verstehst es und kannst es anpassen.

[olimustermann]

<td ........> ist für mich ein Teil einer Tabelle...

damn! Nochmal von vorn

[Rinaldo]

Nicht vor vorne!

Nimm mein Beispiel und setz es in Dein DIV rollovermenuDIV ein. Es sollte eigentlich auch darin funktionieren...

[olimustermann]

Nicht vor vorne!

Nimm mein Beispiel und setz es in Dein DIV rollovermenuDIV ein. Es sollte eigentlich auch darin funktionieren...

Danke, hat geklappt mit dem Code - DANKE!
Nur jetzt erscheint bei jedem Rollover dieser 3*1px Strich in der Farbe [terakota]

Der Strich ist defintiv nicht auf der Grafik drauf, wie habe ich den hergezaubert, hast du ne Ahnung, mit was das zusammenhängt?

[Rinaldo]

Nö. Vielleicht ist es nur eine "unsauber" freigestellte Grafik, die am Rand eine Teiltransparenz oder so hat...

Kann man das Ganze mal sehen?

[olimustermann]

Nö. Vielleicht ist es nur eine "unsauber" freigestellte Grafik, die am Rand eine Teiltransparenz oder so hat...

Kann man das Ganze mal sehen?

Klar

[Rinaldo]

Die Site?!

[olimustermann]

Die Site?!

Bitte:
http://redro.kilu.de/
muss aber schnell noch die Navi hochladen.
Oben rechts die Links nicht anklicken, das ist ne Falle für den gierigen Bekannten der die Seite schnell braucht...

[Rinaldo]

Ist das das Leerzeichen?

Wäre wohl doch besser, die Menüpunkte in die Links <a>....</a> zu schreiben und die Texte dann mit text-indent:-2000px; zu "verstecken"...

EDIT

Ne, das Leerzeichen sollte es auch nicht sein... Hab ich ja in meinem Beispiel auch nicht sichtbar (vor allem nur bei Hover)... Vielleicht passt Du Dein CSS doch noch etwas mehr an mein Beispiel an?

Hab da grad keine Lust, dass alles zu ändern.

[olimustermann]

Was fehlt den genau im Vergleich zu deinem? Ich hab den unteren Teil rauskopiert und die divs abgeändert. Das obere ist ja css und ist ja net für mein System bestimmt.
Ich bin momentan echt glücklich, das du mir soweit helfen konntest, wenns halbwegs funktioniert, dann bin ich meist schon überglücklich, ist halt nur dieser ominöse Strich...