[erledigt] Design RED: td.edit_bottom_bg funktiniert nicht

Hallo...

Ich habe das Problem, dass ich ich td.edit_bottom_bg nicht verändern kann. Lediglich lässt sich dieser Teil mit

td.edit_bottom_bg { visibility:hidden; }

ausblenden, respektive verstecken.

Ich habe zunächst mit

<style type="text/css">
<!--
td.edit_header { visibility:hidden; }
td.Stil3 { visibility:hidden; }
td.edit_links_bg { visibility:hidden; }
td.edit_main_bg { visibility:hidden; }
td.edit_page_main_top { visibility:hidden; }
td.edit_page_main_bg { visibility:hidden; }
td.edit_links_bg_unten { visibility:hidden; }
td.edit_navi_top { visibility:hidden; }
td.edit_navi_bg { visibility:hidden; }
td.edit_navhead { visibility:hidden; }
td.edit_nav_klein { visibility:hidden; }
td.edit_nav_klein { visibility:hidden; }
td.rednav { visibility:hidden; }
td.nav_mini { visibility:hidden; }
td.edit_links_navi_left_spacer { visibility:hidden; }
td.edit_links_navi_container { visibility:hidden; }
td.edit_page_main2 { visibility:hidden; }
td.content_over { visibility:hidden; }
td.edit_content_bg { visibility:hidden; }
td.edit_content_header { visibility:hidden; }
td.Stil2 { visibility:hidden; }
td.cont { visibility:hidden; }
td.cont_bottom { visibility:hidden; }
td.edit_zeile { visibility:hidden; }
td.edit_zeile2 { visibility:hidden; }
td.edit_zeile3 { visibility:hidden; }
td.rb_over { visibility:hidden; }
td.edit_rechts_header { visibility:hidden; }
td.edit_rechts_bg { visibility:hidden; }
td.edit_rechts_header2 { visibility:hidden; }
td.rb_footer { visibility:hidden; }
td.rb_bottom { visibility:hidden; }
td.rb_bottom2 { visibility:hidden; }
td.rb_right_mini { visibility:hidden; }
td.edit_rechts_bg_unten { visibility:hidden; }
td.edit_bottom_bg { visibility:hidden; }

-->
</style>

<style type="text/css">
body {
background-attachment: fixed;
background-image: url();
}
</style>

alles entfernt um mir dann nach und nach mein eigenes Design zu kreieren.

Wenn ich nun aber sodann mit

<style type="text/css">
<!--
td.edit_header { visibility:hidden; }
td.Stil3 { visibility:hidden; }
td.edit_links_bg {
background-color:#XXXXXX;
background-image:url(http://i27.tinypic.com/bdulah.jpg);}
td.edit_main_bg { visibility:hidden; }
td.edit_page_main_top { visibility:hidden; }
td.edit_page_main_bg { visibility:hidden; }
td.edit_links_bg_unten { visibility:hidden; }
td.edit_navi_top { visibility:hidden; }
td.edit_navi_bg { visibility:hidden; }
td.edit_navhead { visibility:hidden; }
td.edit_nav_klein { visibility:hidden; }
td.edit_nav_klein { visibility:hidden; }
td.rednav { visibility:hidden; }
td.nav_mini { visibility:hidden; }
td.edit_links_navi_left_spacer { visibility:hidden; }
td.edit_links_navi_container { visibility:hidden; }
td.edit_page_main2 { visibility:hidden; }
td.content_over { visibility:hidden; }
td.edit_content_bg { visibility:hidden; }
td.edit_content_header { visibility:hidden; }
td.Stil2 { visibility:hidden; }
td.cont { visibility:hidden; }
td.cont_bottom { visibility:hidden; }
td.edit_zeile { visibility:hidden; }
td.edit_zeile2 { visibility:hidden; }
td.edit_zeile3 { visibility:hidden; }
td.rb_over { visibility:hidden; }
td.edit_rechts_header { visibility:hidden; }
td.edit_rechts_bg { visibility:hidden; }
td.edit_rechts_header2 { visibility:hidden; }
td.rb_footer { visibility:hidden; }
td.rb_bottom { visibility:hidden; }
td.rb_bottom2 { visibility:hidden; }
td.rb_right_mini { visibility:hidden; }
td.edit_rechts_bg_unten {
background-color:#XXXXXX;
background-image:url(http://i27.tinypic.com/bdulah.jpg);}
td.edit_bottom_bg {
background-color:#XXXXXX;
background-image:url(http://i30.tinypic.com/2udw7yg.jpg);}

-->
</style>

<style type="text/css">
body {
background-attachment: fixed;
background-image: url(http://i30.tinypic.com/1409b48.jpg);
}
</style>

versuche das Design zu verändern, dann sind ausschliesslich td.edit_links_bg, td.edit_rechts_bg_unten und der Hintergrund entsprechend meiner Vorstellung im Design verändert, bei td.edit_bottom_bg ist keine Veränderung zu sehen oder herbeizuführen, bzw. über meinem Design ist das alte Design noch zu sehen!!!


http://unitedstrategicalliance.de.tl/Testpage.htm

Was mache ich falsch??? Bitte höflichst um Hilfe...

Gruss

Hi,

da ich dasselbe Problem wie Du habe (bzw. hatte), habe ich mich im Forum ein wenig umgeschaut...und eine Lösung Deines bzw. unseres Problems gefunden...
ACHTUNG: Der im folgenden aufgeführte Lösungsweg ist nicht vom mir, sondern von einem anderen Verfasser kopiert !!!!

_______


Hi, die Klassen dafür heißen:

td.edit_links_bg
td.edit_rechts_bg_unten
td.edit_bottom_bg
td.edit_bottom_bg img

Unten ist eben statt einem Hintergrundbild noch ein richtiges Bild.

Folgender Code lässt das Bild unterhalb, den roten Rahmen unterhalb ausblenden:
Code:
td.edit_bottom_bg img{display:none;}


Wenn du die Rahmen jedoch nur verändern magst und nicht ausblenden lassen möchtest, musst du dem Bereich unten nun eine Höhe geben, wo das Bild weg ist. 30 Pixel kommen in etwa hin:

Code:
td.edit_bottom_bg{height:30px;}


Wenn du bei allen drei Sachen anstatt eines Hintergrundbildes wirklich nur eine Farbe geben möchtest, dann noch folgender Code:
Code:
td.edit_links_bg,td.edit_rechts_bg_unten,td.edit_bottom_bg{background:url() #fff;}

Das sind alle drei Klassen von oben (ohne das Bild).
#fff ist weiß als Farbe. Kannst du ändern, wie du magst. Hier ein Farbwähler dafür:
http://gtools.org/tool/color-picker/

Wenn du den Bereichen jeweils ein anderes Hintergrundbild haben möchtest, definiere eines für jede Klasse:
Zitat:
td.edit_links_bg{background:url(http://Bildadresse);}
td.edit_rechts_bg_unten{background:url(http://Bildadresse);}
td.edit_bottom_bg{background:url(http://Bildadresse);}

Das rote sind dann die jeweiligen Bildadressen.

Ich hoffe, ich konnte alle Möglichkeiten abdecken.

Liebe Grüße,

Jan aka "Asgar"



[/u]

Hey super, es funzt!!!
Vielen Dank!!!

Beste Grüße...