TOMillr
Threadersteller
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 26.04.2008 10:58
Titel CSS: Schrift auf Rahmen von DIV Container platzieren |
|
|
Hallo zusammen,
verwende folgenden Code, um einen Container mit abgerundeten Ecken zu erstellen:
CSS
Code: |
.box_rundeecken{
padding:0 4px;
margin:30px auto;
position:relative;
border:1px solid #fff;/* stop margin collapse*/
border-left:1px solid #C0C0C0;
border-right:1px solid #C0C0C0;
}
.inner_rundeecken{
background:#fff;
padding:5px 0;
margin:-5px 0;
min-height:0;/* ie7 haslayout issues fix*/
border-top:1px solid #C0C0C0;
border-bottom:1px solid #C0C0C0;
position:relative;
}
* html .inner_rundeecken, * html .box_rundeecken{height:1px}/* ie6 haslayout issues fix*/
.top_rundeecken,.base_rundeecken{
margin:-6px -5px 0;
background:url(images/rundeecken1.gif) no-repeat left top;
height:5px;
position:relative;
font-size:5px;
clear:both
}
.base_rundeecken{
background-position:left bottom;
margin:0 -5px -6px;
}
.top_rundeecken span,.base_rundeecken span{
background:url(images/rundeecken2.gif) no-repeat right top;
display:block;
height:5px;
font-size:5px;
}
.base_rundeecken span{background-position:right bottom;}
.content_rundeecken{width:100%;}
|
HTML
Code: |
<div class=\"box_rundeecken\">
<div class=\"inner_rundeecken\">
<div class=\"top_rundeecken\"><span></span></div>
<div class=\"content_rundeecken\">
Hier kommt der CONTENT hin
<div class=\"base_rundeecken\"><span></span></div>
</div>
</div>
|
Das ganze sieht dann momentan so aus (habe den CONTENT des Containers oben im Code mal ausgelassen):
Ich möchte nun genau mittig auf den Rahmen des abgerundeten Containers ein Textfeld platzieren, welches dann jeweils den Inhalt beschreiben wird (ähnlich wie dieses "Rules" im Beispiel). Was muss ich anpassen, damit ich die Schrift so platzieren kann?
Danke,
TOM
|
|