Geschafft!

[heikehk]

schick sie mir einfach
was ich in meiner email hab wird gemacht und nicht vergessen

[sb-canerods]

Wollt ich grad machen, leider ist deine email nicht in deinem Profil hinterlegt.
Gruß Simon

[heikehk]

Hi Simon,

kein Problem Immer gerne.
Falls Dir das oben stehende zu kompliziert ist, noch eine andere Lösung, die auf Deiner CSS basiert.

#navbuttons a{

display: inline;

background-image:url();

width:128px;

height:19px;

text-align:center;

font-size:12px;

color:#eafeb0;

text-decoration:none;

padding-top:4px;

padding: 10px;
}

#navbuttons a:strong,
#navbuttons a:focus,
#navbuttons a:hover,
#navbuttons a:active {

background-image:url(../navigation/HG_Nav.png);

color:#666666;

}

Damit tauschst Du den Hintergrund aus, von nix auf einen gelben Schimmer (siehe Anhang). für Internet Explorer 6 bis 8 brauchst Du für PNG-Dateien mit Transparenz einen PNG-Patch. Wenn Du den nicht hast, solltest du Deine Navigationselemente mit dem entsprechenden Hintergrund versehen.

Gruß
Heike

[sb-canerods]

Hi Heike,
danke das sieht in der Tat einfacher aus
Ist da das Problem mit den Abständen in der unteren Navigation
auch behoben?
Gruß Simon

[heikehk]

Ehrlich gesagt habe ich mich um Abstände etc. in keinster Weise gekümmert.
Ging mir nur um den Effekt, dass was passiert, wenn Du Mit der Mouse über einen Menupunkt gehst.


Gruß
Heike

[heikehk]

Ok ich hab mir das mal angesehen, allerdings keine Garantie auf nix.
Probier mal folgendes:

Navigation in HTML:

<div id="navbuttons" >
<a href="index.htm"<img src="../navigation/home.png" alt="Startseite"></a>
<a href="uebermich.htm"><img src="../navigation/uebermich.png" alt="Über mich"></a>
<a href="rutenbau.htm"><img src="../navigation/rutenbau.png" alt="Rutenbau"></a>
<a href="garantie.htm"><img src="../navigation/garantie.png" alt="Garantie"></a>
<a href="rutenbaukurs.htm"><img src="../navigation/rutenbaukurs.png" alt="Rutenbaukurs"></a>
<a href="wurfkurs.htm"><img src="../navigation/wurfkurs.png" alt="Wurfkurs"></a>
<a href="kontakt.htm"><img src="../navigation/kontakt.png" alt="Kontakt"></a>
<a href="Coppermine"><img src="../navigation/bilder.png" alt="Bilder"></a>
</div>

Dieses onBlur macht ja nix und das mit dem Rahmen um das Bild solltest Du über CSS klären, wobei ich grad nicht auswendig weiß, ob Du das in der Definition von a im DIV machen musst, oder ob border: none; auf oberster Ebene reicht...

Dann solltest Du den Container der Navigation einzeln schon mal im CSS definieren..

#navbuttons {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
border: none;
background-color: #; /*Farbe angeben*/
}

#navbuttons a{
display: inline;
/* background-image:url();
/* width:128px;
height:19px; */
text-align:center;
font-size:12px;
color:#eafeb0;
text-decoration:none;
/* padding-top:4px;*/
padding: 10px;
}

Hab mal alles auskommentiert, von dem ich denke, dass Du es nicht brauchst. Allerdings kann ich mich auch vertippt haben. Unter Umständen muss das border: none; an einen anderen Platz.

Kannst ja erstmal bei Dir probieren, bevor Du es hochlädst.

GRuß

Heike

[sb-canerods]

Hallo Heike,
danke Dir, leider hat das mit den Abständen nicht hingehauen.
Gruß SImon

[heikehk]

Muss ich noch mal in Ruhe ausprobieren.
Da hab ich irgendwo noch nen wubel reingebracht, den ich aber nicht sehe...
Aber erst am Montag...

Gruß
Heike

[heikehk]

Hi Simon,

ich habe mich bei strong vertippelt.
Leider finde ich gerade in meinem CSS-Buch das nicht, ob da ein Punkt davor gehört oder nicht... Nimm diese Zeile mal raus. Dadurch, dass diese erste Zeile falsch ist, nimmt der den Rest auch nicht.

Füge bitte auch noch ein, dass Du border: none; haben möchtest, da Firefox einen Rahmen um das Bild legt.

Hoffe dass dann der Austausch des Hintergrundes passt. Ich such nochmal nach strong, aber ich bin etas im Stress.

Gruß
Heike

[sb-canerods]

Hi Heike,
danke! Sieht jetzt zwar anders aus, passt aber denke ich immer noch nicht.
Das mit dem border: none; nimmt er anscheinend auch nicht an.
Gruß Simon