Suche im Forum:
Suchen


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:

http://css3generator.com/
Arrow Border Radius
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
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
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
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