Suche im Forum:
Suchen


Autor Nachricht
Beitrag08.03.2010 um 20:10 (UTC)    
Titel: CSS BOXEN, Hilfeeeeee

Hi Leute!

Hab ein Problem!
Ich mache gerade mein erstes css-design selbst und wenn ich in die rechten Boxen etwas schreibe, werden diese NICHT länger!
Des weiteren wird das Hintergrundbild von der Box-Überschrift nicht angezeigt!

CSS:
<center><style type="text/css">
<!--

background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_rechts_cbg{background-image: url();}


body {background-image:url();background-color:#ffffff;}
body {background-attachment:fixed;border: 0px solid #ffffff;}


* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 24px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_over.png);
border: 0px solid #000000; }


/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_168.png);
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {display: none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: ;
background-image: url();
border: 0px solid #000000; }


-->
</style>

zurzeit kommt man nur mit diesem Link auf die Page:
www.rotateon.de.tl/home.htm

LG, Andy
www.rotateon.de.tl/home.htm
Beitrag08.03.2010 um 20:56 (UTC)    
Titel:

Haloo? Keiner eine Antwort? Bitee...
Beitrag09.03.2010 um 12:29 (UTC)    
Titel:

Hallo,

die Boxen werden länger, du hast bloß eine Grafik eingesetzt, die sich nicht wiederholt.


______________
Liebe Grüße!
Beitrag09.03.2010 um 17:20 (UTC)    
Titel:

Danke erstmal für die Antwort!

Wie mache ich das dann das es sich wiederholt? und dass ich die schönen runden ecken und den Schatten auch habe??

Die Überschrift-grafiken werden auch nicht angezeigt Sad
Beitrag09.03.2010 um 19:25 (UTC)    
Titel:

Teil die Grafik in 3 Teile ein: oben, mitte (was sich wiederholt), unten.

Der Code müsste so aussehen:
Zitat:
<center><style type="text/css">
<!--

background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_rechts_cbg{background-image: url();}


body {background-image:url();background-color:#ffffff;}
body {background-attachment:fixed;border: 0px solid #ffffff;}


* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 24px;
background-color:#000000 ;
background-image: url(URL DER OBEREN HÄLFTE)
border: 0px solid #000000; }


/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(MITTLERE HÄLFTE);
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: xx;
background-image: url(UNTERE HÄLFTE);}

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: ;
background-image: url();
border: 0px solid #000000; }


-->
</style>


Url der Grafikteilen einfügen

=)
______________
Liebe Grüße!
Beitrag09.03.2010 um 20:10 (UTC)    
Titel:

Naja, fast jedenfalls Very Happy (siehe Page!)

Ich habs jetzt in oben, mitte und unten geteilt das pic!

Code:
<center><style type="text/css">
<!--

background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_rechts_cbg{background-image: url();}


body {background-image:url();background-color:#ffffff;}
body {background-attachment:fixed;border: 0px solid #ffffff;}


* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 24px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png)
border: 0px solid #000000; }


/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: xx;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: ;
background-image: url();
border: 0px solid #000000; }


-->
</style>


Zuletzt bearbeitet von rotateon am 09.03.2010, 21:14, insgesamt einmal bearbeitet
Beitrag10.03.2010 um 13:23 (UTC)    
Titel:

Du kannst bei der oberen und unteren Grafikteilen noch es mit
Code:
height:xx;

kontrollieren.
Also wenn die obere Grafikhälfte 15 Pixel hoch ist:
Code:
height: 15px;


Und hier es bitte ändern:
Code:
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }


Mit
Code:
background-repeat: repeat;

wird die Grafik wiederholt.
______________
Liebe Grüße!
Beitrag10.03.2010 um 13:33 (UTC)    
Titel:

Ok, soweit so gut, danke!

es wird schon länger, nur der obere rand und unten stimmts noch nicht ganz...

Code:

<center><style type="text/css">
<!--

background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_rechts_cbg{background-image: url();}


body {background-image:url();background-color:#ffffff;}
body {background-attachment:fixed;border: 0px solid #ffffff;}


* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 17px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png)
border: 0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: 21;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}


/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: ;
background-image: url();
border: 0px solid #000000; }


-->
</style>
Beitrag10.03.2010 um 14:30 (UTC)    
Titel:

Hallo?
Beitrag10.03.2010 um 15:14 (UTC)    
Titel:

Zitat:
<center><style type="text/css">
<!--

background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_rechts_cbg{background-image: url();}


body {background-image:url();background-color:#ffffff;}
body {background-attachment:fixed;border: 0px solid #ffffff;}


* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 17px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png);
border: 0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: 21;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}


/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: ;
background-image: url();
border: 0px solid #000000; }


-->
</style>

______________
Liebe Grüße!
Beitrag10.03.2010 um 15:40 (UTC)    
Titel:

Ne, leider immer noch nicht Sad

Ich hoffe dass ich nicht zu viel nerve...
Beitrag10.03.2010 um 15:46 (UTC)    
Titel:

Zitat:
<center>
<style type="text/css">
<!--

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_rechts_cbg{background-image: url();}


body {background-image:url();background-color:#ffffff;background-attachment:fixed;border: 0px solid #ffffff;}

* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 17px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png);
border: 0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: 21px;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}


/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: transparent;
background-image: url();
border: 0px solid #000000; }


-->
</style>

______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag10.03.2010 um 16:13 (UTC)    
Titel:

OBEN stimmts immer noch nicht ^^
Beitrag30.04.2010 um 23:33 (UTC)    
Titel:

Hey Leute,

weiß grad gar nicht ob ich hier im Thread richtig bin. Wollte aber auch nichts Neues aufmachen:

Gibt es eine Möglichkeit, dass die 1. rechte Box NUR auf der Startseite (=Home) angezeigt wird?
Beiträge der letzten Zeit anzeigen:   


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