• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild Position Fehlerhaft :(

cobrastyle

Mitglied
Hy ,
Folgendes Problem ..
Die Bilder auf meiner Page rechts im header, die playericons sollen alle nebeneinander sein !

Sind sie auch , aber stufig , wiso ?

Stream4ya * Your Favourite Streamsource*

CSS
Code:
.player {float:left;}

HTML
Code:
<a href="listen/flash.html"><img class="player" src="system/images/flash.png" width="50" height="50" alt=""></a>
<a href="listen/winamp.pls"><img class="player" src="system/images/winamp.png" width="50" height="50" alt="" ></a>
<a href="listen/wmp.asx"><img class="player" src="system/images/wmp.png" width="50" height="50" alt="" ></a>
 
Hey einfache Kiste :)

CSS
Code:
#steambox a {
padding: 0;
margin: 15px 40px; /* für zentrierung der buttons */
}
ebenso denke ich mal, dass die Rahmen um die Buttons nicht gewollt sind:
Code:
.player {
border: none;
}

hoffe das klappt alles, in meinem firebug siehts gut aus
 
hmm ne ändert sich nix ...

CSS
Code:
.player {float:left;}

#steambox a {
padding: 0;
margin: 15px 40px; /* für zentrierung der buttons */
}

.player {
border: none;
}

Wobei, streambox ist der graue rahmen , und .player sind die bilder also die icons ...
 
ja aber du hast allen "a"-Tags ein padding: 10px; gegeben, und das erzeugt den Treppen-Effekt. Probier bitte das mal:

Code:
#steambox a {
 padding: 0[COLOR=red][I][B]!important[/B][/I][/COLOR];
}
 
Zurück
Oben