Suche im Forum:
Suchen


Autor Nachricht
Beitrag12.06.2007 um 05:43 (UTC)    
Titel: Ovaler Rand

Kennt jemand den HTNL Code für einen Rand der an den Ecken abgerundet ist also eine art oval.
hab leider bei coolplace nichts gefunden
______________
[img:5bd8876af8]http://img.webme.com/pic/c/chris-schreiber/banner.gif[/img:5bd8876af8]
[img:5bd8876af8]http://img.webme.com/pic/g/geldleicht-test/mp_banner.jpg[/img:5bd8876af8]
Beitrag12.06.2007 um 11:44 (UTC)    
Titel:

Mit HTML funktioniert es nicht...aber mit CSS Smile

Hier der Code:
Zitat:

<style type="text/css">
<!--
/* Runde Box: */

.runde_box {
background-color: #66CC99;
}

.runde_box_oben div {
background: url(http://img.webme.com/pic/o/outcast-inventions/links_oben.gif) no-repeat top left;
}

.runde_box_oben {
background: url(http://img.webme.com/pic/o/outcast-inventions/rechts_oben.gif) no-repeat top right;
}

.runde_box_unten div {
background: url(http://img.webme.com/pic/o/outcast-inventions/links_unten.gif) no-repeat bottom left;
}

.runde_box_unten {
background: url(http://img.webme.com/pic/o/outcast-inventions/rechts_unten.gif) no-repeat bottom right;
}

.runde_box_oben div, .runde_box_oben, .runde_box_unten div, .runde_box_unten {
width: 100%;
height: 7px;
font-size: 1px;
}

.runde_box_inhalt {
margin: 0 7px;
}

/* Breite der Box */
.runde_box {
width: 50%; margin: 1em auto;
}
-->
</style>


Das ist der CSS-Code für die runde Box! Die runden "Ecken" ( Very Happy ) hab ich bei mir hochgeladen...ist jetzt ein sehr helles Grün (musst du dann noch alles anpassen) Das blau makierte ist die Breite der Box (Höhe kann dort natürlich auch verändert werden...)!
Jetzt der Code für die Seite, wo die runde Box rein soll...:
Zitat:

<div class="runde_box">
<div class="runde_box_oben"><div></div></div>
<div class="runde_box_inhalt">
<p>
Hier kommt jetzt der Text rein, der in der Box stehen soll...
</p>
</div>
<div class="runde_box_unten"><div></div></div>
</div>


In das rot makierte kommt dann dein Text in der Box!

Ich hoffe es hilft dir weiter... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!


Zuletzt bearbeitet von outcast-inventions am 12.06.2007, 12:45, insgesamt 2-mal bearbeitet
Beitrag13.07.2007 um 14:30 (UTC)    
Titel:

und wohin muss man den ann kopieren?
Beitrag13.07.2007 um 19:36 (UTC)    
Titel:

Einen runden Rand kann man per CSS nicht gestalten, dafür benötigt man Tricks mit abgerundeten Ecken als Bilder Wink
Beiträge der letzten Zeit anzeigen:   


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