Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag28.06.2009 um 17:12 (UTC)    
Titel: Boxen mit abger. Ecken einzeln geht nichts (Hintergrund)

Hallo Smile

Ich habe mich entschlossen Boxen mit Abgerundeteten Ecken zu nehmen.
Der hintergrund der 1. Box soll Schwarz sein was auch wunderbar funktioniert.

Nur jetzt möchte die selbe box nur an einer anderen Position mit einem Hintergrund von Weiß.

Das problem ist...einfügen kann ich dies nur wenn ich den Hintergrund der zweiten Box in weiß änder dann ändert sich auch die erste box.
Die hängen da noch irgendwie zusammen aber wie kann ich jede box für sich einfügen? Danke schonmal für eure hilfe Smile

Code:
 <p><style type="text/css">
div
{
font-size:12px;font-family:Verdana;
position:absolute;width:100px;height:200px;

background-color:#000000;
}
.div1
{
border:3px solid #ff0000;
left:10px;top:50px;
-moz-border-radius:30px;
-khtml-border-radius:30px;
}
.div2
{
border:1px solid #aaaaaa;
left:200px;top:50px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
}
</style>
<title>Rahmen mit abgerundeten Ecken</title></p>


<div style="left: 200px; width: 639px;" class="div2">TEST kommt hier rein :)<br></div>


Und hier jetzt die zweite Box
Code:
<p><style type="text/css">
div
{
font-size:12px;font-family:Verdana;
position:absolute;width:100px;height:200px;

background-color:#FFFFFF;
}
.div1
{
border:3px solid #ff0000;
left:10px;top:50px;
-moz-border-radius:30px;
-khtml-border-radius:30px;
}
.div2
{
border:1px solid #aaaaaa;
left:200px;top:50px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
}
</style>
<title>Rahmen mit abgerundeten Ecken</title></p>


<div style="left: 200px; width: 639px;" class="div2">TESXT kommt hier rein :)<br></div>


Zuletzt bearbeitet von online-poker-schule am 28.06.2009, 18:15, insgesamt einmal bearbeitet
Beitrag06.07.2009 um 17:14 (UTC)    
Titel:

Hallo,

Da sich beide Boxen bei dir "div" nennen, wählt der Browser , der ja deinen
Quelltext von oben beginnend ausliest, die Farbe der ersten Box .
Du müsstest die zweite Box anders nennen Wink Zum Beispiel .Box_2

In der CSS-Anweisung heisst es bei dir auch :
.div1 und .div 2

- .Box_2 wird so sichtbar gemacht : <div class="Box_1> Inhalt </div>
- .div1 wird dann so sichtbar gemacht : <div class="div1"> Inhalt </div>
- .div2 wird dann so sichbar gemacht : <div class="div2"> Inhalt </div>
- Breite und Höhe kämen bei der CSS-Anweisung mit hinein :

Beispiel:
Zitat:

.div2 {
border:1px solid #aaaaaa;
left:200px;
top:50px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
width: 639px;}




Gruß Wolfgang


Zuletzt bearbeitet von 24939 am 06.07.2009, 18:29, insgesamt 7-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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