mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 14:42 Benutzername: Passwort: Auto-Login

Thema: CSS: Schrift auf Rahmen von DIV Container platzieren vom 26.04.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: Schrift auf Rahmen von DIV Container platzieren
Autor Nachricht
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

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
felixabraham

Dabei seit: 28.02.2007
Ort: Leipzig, Halle (Saale)
Alter: 33
Geschlecht: Männlich
Verfasst Mo 28.04.2008 15:21
Titel

Antworten mit Zitat Zum Seitenanfang

da könntest du maximal eine absolute positionierung eines div tags vornehmen, ansonsten hätte ich da keine idee
siehe hier

grüße
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen DIV-Container über Flashanimation platzieren
DIV Container bei Mouseover über DIV Container anzeigen
DIV-Container soll anderen DIV-Container verdrängen
Variabler Div-Container bis zum mittigen Div-Container
CSS: Container im Container Vertikal zentrieren
Dicker Rahmen um Schrift (Outline)?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.