Sobald ich dem Link (der Button) den Attribut "float: right" hinzufüge, spackt es.
Vorher:
Nachher:
CSS-Code:
#infoline a {
(float: right;)
padding: 5 10px;
background-color: #7fa6ff;
color: white;
font-weight: bold;
border-radius: 5px;
-moz-border-radius: 5px;
}Wäre echt toll wenn ihr mir helfen könntet.
Lg, Alex
float: right; gibt es au net, probier es mal mit:
text-align:right;
mfg.
Seit wann gibts denn kein float mehr? Oder weil a ein Inline ist und kein Block und deshalb Float da nicht verwendet werden kann?
Wenn du zwei div's hast, eins mit float:left und eins mit float:right, musst du anschliessend ein div mit den CSS-Einstellungen clear:both; einfügen:
Natürlich gibts float:right; !
<div style="float:left;">Bla links</div>
<div style="float:right;">Bla rechts</div>
<div style="clear:both;"></div> <!-- zum "cleanen" -->Wie wärs wenn du die Höhe einfach vorgibst?
span { display: block; float: left; }
a {
display: block;
float: right;
padding: 5 10px;
background-color: #7fa6ff;
color: white;
font-weight: bold;
border-radius: 5px;
-moz-border-radius: 5px;
}<span>
Our company is awesome.
If you want to get more information..
</span>
<a href="#">Visit Awesome Projects!</a>
<div style="clear: both"></div>Genau das selbe wie davor.
Lg
Edit:
Bosti: Dann sieht's so aus:
Schmeiss den Link in ein div und geb dem das Attribut "float:right;"
Dann sollte es eigentlich richtig sein...
Eventuell noch Höhe,Breite, padding einfügen.
Ähm ne lass Displaymal auf Inline und sehe immer noch nicht wo du die Höhe vorgibst
Alles anzeigenCodeAlles anzeigenspan { display: block; float: left; } a { display: block; float: right; padding: 5 10px; background-color: #7fa6ff; color: white; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; }
CodeOur company is awesome. If you want to get more information.. Visit Awesome Projects!
Genau das selbe wie davor.
Lg
Edit:
Bosti: Dann sieht's so aus:
span
{
float: left;
}
a
{
text-decoration:none;
float: right;
padding: 5px 5px;
text-align:center;
background-color: #7fa6ff;
color: white;
font-weight: bold;
border-radius: 5px;
-moz-border-radius: 5px;
}Bin ich jetzt blind?:D Sehe da kein height oder min-height.
Bin ich jetzt blind?:D Sehe da kein height oder min-height.
was willst du den mit height?
padding reicht doch hier vollkommen aus..
Ähm dachte dein Problem wäre dass der Button so groß ist und den grauen Bereich überlappt?
