Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.09.2009 um 17:08 (UTC)    
Titel: [ERLEDIGT]CSS: Rechte extra Box wird nicht angezeigt?

Hallo, ich habe eine Extra Box eingefügt, aber die wird nicht Angezeigt, warum ? Was für Problem hab ich ?


Zuletzt bearbeitet von habbo-thing am 02.10.2009, 11:39, insgesamt 2-mal bearbeitet
Beitrag30.09.2009 um 22:05 (UTC)    
Titel: ...

Füge das bei:

Text über dem Desing ein:

<div id="meine_Box2">Hier kommt der Text für die Extra Box</div>


Das rote ist der Klassenname zB. ( Box2 )

Das blaue ist der Text wo inder Box stehen soll.

lG. Patrick


Zuletzt bearbeitet von faxilein am 30.09.2009, 23:08, insgesamt 3-mal bearbeitet
Beitrag01.10.2009 um 05:25 (UTC)    
Titel:

Das hat geklappt, nur, ich seh nur den Text, und nicht die Hintergrund Farbe.

Code:
#meine_Box2
position: absolute;
left: 50%;
top: 440px;
margin-left: 800px;
width: 285px;
height: 200px;
background-color:#343434;
background-image:url();
border:2px solid #FFFFFF;
color:#000000;
overflow:auto;}


Ist hier etwas falsch ? HIntergrund ist nicht Transparent
Beitrag01.10.2009 um 06:39 (UTC)    
Titel:

Da fehlt eine Klammer und vor dem Kram ist auch eine falsch.
z-index were auch nicht schlecht



#middle {
position: absolute;
left: 50%;
top:144px;
margin-left:-490px;
width: 960px;
height: 22px;
background-color:#000324;
background-image:url(http://leced.le.ohost.de/habbo-thing/design/middle.png);
border:0px solid #ffea21;
color:#000000;}

#meine_Box2{
position: absolute;
left: 50%;
top: 240px;
margin-left: -300px;
width: 285px;
height: 200px;
background-color:#343434;
background-image:url();
border:2px solid #FFFFFF;
color:#000000;
overflow:auto;
z-index:5;}
Beitrag01.10.2009 um 08:27 (UTC)    
Titel:

Code:
#meine_Box2 {
position: absolute;
left: 50%;
top: 440px;
margin-left: 800px;
width: 285px;
height: 200px;
background-color:#343434;
background-image:url();
border:2px solid #FFFFFF;
color:#000000;
overflow:auto;}


lG. Patrick
Beitrag01.10.2009 um 10:29 (UTC)    
Titel:

Geht trozdem immernoch nicht Crying or Very sad
Beitrag01.10.2009 um 10:40 (UTC)    
Titel: ...

Doch es geht, ich sehe die Box du musst nur nach rechts scrollen, unten ist ein scrollbalken, scrolle nach rechts.

lG. Patrick
Beitrag01.10.2009 um 11:02 (UTC)    
Titel:

Hää ? Ich sehe es so !

Beitrag01.10.2009 um 12:35 (UTC)    
Titel:

Ich habe mal deinen Code verbessert:
Zitat:
#meine_Box2{
position: absolute;
left: 50%;
top: 440px;
margin-left: 800px;
width: 285px;
height: 200px;
background-color:#343434;
background-image:url();
border:2px solid #FFFFFF;
color:#000000;
overflow:auto;
z-index: 2;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag01.10.2009 um 15:15 (UTC)    
Titel:

immernoch nicht >Sad
Beitrag01.10.2009 um 15:41 (UTC)    
Titel:

Ich hab es doch erklärt:

Dein Code:

#meine_Box2{
position: absolute;
left: 50%;
top: 40px;
margin-left: -200px;
width: 285px;
height: 200px;
background-color:#ff00ff;
background-image:url();
border:2px solid #FFFFFF;
color:#000000;
overflow:auto;
z-index: 20;}

Da drüber ändern:

#middle {
position: absolute;
left: 50%;
top:144px;
margin-left:-490px;
width: 960px;
height: 22px;
background-color:#000324;
background-image:url(http://leced.le.ohost.de/habbo-thing/design/middle.png);} <<<<<<<<Diese Klammer ist zu viel weg damit
border:0px solid #ffea21;
color:#000000;}
Beitrag01.10.2009 um 15:47 (UTC)    
Titel:

wie meinst du mit die klammer ?
Beitrag01.10.2009 um 17:36 (UTC)    
Titel:

#middle {
position: absolute;
left: 50%;
top:144px;
margin-left:-490px;
width: 960px;
height: 22px;
background-color:#000324;
background-image:url(http://leced.le.ohost.de/habbo-thing/design/middle.png);} <<<<<<<<Diese Klammer ist zu viel weg damit
border:0px solid #ffea21;
color:#000000;} <<<<<<<<Diese Klammer ist der Abschluss

Die Klammer ist diese }
Beitrag01.10.2009 um 18:30 (UTC)    
Titel:

Ja aber wie weg ? Meinst du weg machen ? Oder was
Beitrag01.10.2009 um 18:37 (UTC)    
Titel:

Füge einfach diesen Code ein:
Zitat:
#middle {
position: absolute;
left: 50%;
top:144px;
margin-left:-490px;
width: 960px;
height: 22px;
background-color:#000324;
background-image:url(http://leced.le.ohost.de/habbo-thing/design/middle.png);
border:0px solid #ffea21;
color:#000000;}
Den anderen zu diesem Id komplett löschen Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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