Mit HTML funktioniert es nicht...aber mit CSS
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" (
) 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>