Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag16.07.2013 um 15:19 (UTC)    
Titel: Div BOX abrunden.

Hallo liebe HPBK-Community,

ich würde gerne dieses Div Feld rund bekommen, sprich die Ecken abrunden mithilfe von CSS.

Code:
#headerdiv {
position: absolute;
margin-top: 150px;
margin-left: 1400px;
width: 200px;
height: 80px;
background-color:#99CC00;}


Ich habe auch schon ein bisschen im Forum gewühlt aber nichts gefunden Laughing

Ich wäre euch sehr dankbar wenn ihr mir helfen würdet Mr. Green
Beitrag16.07.2013 um 15:29 (UTC)    
Titel:

Beitrag16.07.2013 um 19:12 (UTC)    
Titel:

So, habe ich gemacht und auch eingefügt, jedoch bekommt die DIV Box immer noch keine Runden kannten!

Trotzdem Danke ich dir für diese gute Seite! Mr. Green

Der aktuelle Code lautet:

Code:
#headerdiv {
position: absolute;
margin-top: 150px;
margin-left: 1400px;
width: 200px;
height: 80px;
background-color:#99CC00;}
webkit-border-radius: 40px;
border-radius: 40px;


So habe ich die Codeschnipsel aufgeteilt:

Text über dem Design:

Code:
<div id="headerdiv"><center><br><em><b>FruitCraft IP:  mc.fruitcraft.eu</b></em></center></div>


CSS ohne Style Tags:

Code:
#headerdiv {
position: absolute;
margin-top: 150px;
margin-left: 1400px;
width: 200px;
height: 80px;
background-color:#99CC00;}
webkit-border-radius: 40px;
border-radius: 40px;


Bitte nocheinmal um Hilfe Smile
Beitrag16.07.2013 um 19:19 (UTC)    
Titel:

fruitcraft hat Folgendes geschrieben:
#headerdiv {
position: absolute;
margin-top: 150px;
margin-left: 1400px;
width: 200px;
height: 80px;
background-color:#99CC00;}
webkit-border-radius: 40px;
border-radius: 40px;

Du hast die Regeln für die abgerundeten Ecken außerhalb der geschweiften Klammern hinzugefügt. Nur was zwischen den beiden geschweiften Klammern notiert wird wirkt sich auf #headerdiv aus. Wink
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)
Beitrag17.07.2013 um 16:03 (UTC)    
Titel:

Au man, ein Flüchtigkeitsfehler.

Bitte entschuldige dies.

Und vielen Dank für deine Hilfe! Wink
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de