Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.05.2007 um 11:04 (UTC)    
Titel: Wie entferne ich die schwarzen Balken!

Hallo

Haben ein Problem auf meiner Website und zwar: Habe ich den kompletten Hintergrund mit einer Farbe inkl. Navi und rechter Box, nun habe ich aber schwarze Balken unterhalb bei den Kontakten,Newsletter und Fotos.

Frage, wie kann ich die entfernen?


[Hier ist mein CSS Code:
<!--
td.edit_header_full{background-image:url();background-repeat: no-repeat;}
td.nav_heading{
background-image: url();background-color:#6600FF
height: 35px;
font-size: 12px;
font-weight: bold;
color: #6600FF;}
td.nav{
background-color: #6600FF;
background-image: none;
background-image: url();
padding-right: 0px;
text-align: left;}
td.nav:hover{background-image: url();background-color: #6600FF;}
td.nav a{color: #6600FF;font-size: 10px;font-weight: bold;}
td.nav a:hover{color: #6600FF;font-size: 10px;font-weight: bold;}
td.nav a:visited{color: #6600FF;font-size: 10px;font-weight: bold;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{visibility: hidden;width: 0px;}
td.edit_below_nav{visibility: hidden;width: 0px;}
td.edit_navi_headbg{background-image: url(URL);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.shouty{visibility: hidden;width: 0px;}
td.sidebar_heading{visibility: hidden;width: 0px;}
td.headline2{visibility: hidden;width: 0px;}
td.edit_content_top{visibility: hidden;width: 0px;}
td.edit_content_bottom2{visibility: hidden;width: 0px;}
td.edit_content_bottom{visibility: hidden;width: 0px;}
td.edit_content{background-image: url(URL);}
td.sidebar_heading{visibility: hidden;width: 0px;}
td.edit_rb_footer{visibility: hidden;width: 0px;}
td.edit_content{background-image: url(url);width: 0px;}
body {background-color: #6600FF;}
-->
</style> <style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center;background-repeat:repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;width:0px}
td.edit_rechts_bottom{width: 100% !important;}
td.edit_rechts_cbg{width:100%;}
td.edit_rechts_bottom{visibility: hidden;float: right;overflow: auto;display: block;}
-->
</style>
<div align="center">
<table width="100%">
<tr>
<td><div align="center">
<style type="text/css">
<!--
td.edit_content,td.edit_content_bottom{background-image: url();background-color: #6600FF;}
td.edit_content_top,td.edit_content_bottom2{background-image: url();background-color: #6600FF;}
-->
</style>
<style type="text/css">
td.sidebar_heading{color: #6600FF;background-color: #6600FF;background-image: url(URL);}
td.nav_heading{color: #6600FF;background-image: url(URL);background-color: #6600FF;}
td.edit_content{background-image: url(URL);background-color: #6600FF;}
td.edit_content_top{background-image: url(URL);background-color: #6600FF;}
</style>
<style type="text/css">
<!--
body {background-color:#6600FF;}
-->
</style>
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 100% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
<style type="text/css">
<!--
td.edit_right_box{
background-image: url();background-color:#6600FF;}
td.cont{
background-image: url();background-color:#6600FF;}
--> d.shouty{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty2{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty3{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty4{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty5{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
<style type="text/css">
td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}

td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;position: absolute;}
td.edit_rb_footer{visibility: hidden;}
body{background-image: (url);background-color: #6600FF;}
</style>

schaut doch selber schnell nach, dann wisst ihr auch was ich meine Smile

www.dj-qbass.de.tl

Danke euch jetzt schon.


Zuletzt bearbeitet von dj-qbass am 29.05.2007, 12:25, insgesamt einmal bearbeitet
Beitrag29.05.2007 um 12:03 (UTC)    
Titel:

Ja hilfe lass nach. Wo hast du den Code den ausgegraben? Der Code ist ja Mülltonnen reif. Der muss komplett überarbeitet werden. Alles doppelt und dreifach, dann butterfly codes und und und. Ich schau mal was sich draus machen lässt.
______________
LG André

GMMTS.de
Beitrag29.05.2007 um 12:27 (UTC)    
Titel:

andybabe27 hat Folgendes geschrieben:
Ja hilfe lass nach. Wo hast du den Code den ausgegraben? Der Code ist ja Mülltonnen reif. Der muss komplett überarbeitet werden. Alles doppelt und dreifach, dann butterfly codes und und und. Ich schau mal was sich draus machen lässt.


Hey das wäre mega nett, hab halt nicht so grosse ahnung von css...Smile
Beitrag29.05.2007 um 12:35 (UTC)    
Titel:

Weil du gerade von CSS redest. Warum postest du es bei Designtechnische Fragen, wenn es hier um CSS geht? Habs auch gleich mal verschoben.

Edit:

Das ist jetzt mal das Beste, was ich aus deinem Code raus holen konnte. Mehr ist gerade nicht drinnen, aber vielleicht kann jemand anderes mal übernehmen. Sowas wie diesen Code habe ich zuvor noch nie gesehen. Aber da ich dein genaues Vorhaben nicht kenne und auch nicht weiß, wie das Design überhaupt aussehen soll, kann ich eh nicht viel machen.


Zitat:
<style type="text/css">
<!--
td.edit_header_full{background-image:url();background-repeat: no-repeat;}
td.nav_heading{
background-image: url();background-color:#6600FF
height: 35px;
font-size: 12px;
font-weight: bold;
color: #6600FF;}
td.nav{
background-color: #6600FF;
background-image: none;
background-image: url();
padding-right: 0px;
text-align: left;}


<!-- Navigation -->

td.nav_heading{color: #6600FF;background-image: url(URL);background-color: #6600FF;}
td.nav:hover{background-image: url();background-color: #6600FF;}
td.nav a{color: #6600FF;font-size: 10px;font-weight: bold;}
td.nav a:hover{color: #6600FF;font-size: 10px;font-weight: bold;}
td.nav a:visited{color: #6600FF;font-size: 10px;font-weight: bold;}

<!-- Hintergrund -->

body {background-image:url();background-color: #6600FF;}

<!-- Seiteninhalt -->

td.edit_content{background-image: url();background-color: #6600FF;}
td.edit_content_bottom{background-image: url();background-color: #6600FF;}
td.edit_content_top{background-image: url();background-color: #6600FF;}
td.edit_content_bottom2{background-image: url();background-color: #6600FF;}
td.sidebar_heading{background-color: #6600FF;background-image: url(URL);}

<!-- Design in die Breite ziehen -->

table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 100% !important;}
td.edit_rechts_cbg{width:100%;}

<!-- Boxen -->

td.sidebar_heading{visibility: hidden;width: 0px;}
td.shouty{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty2{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty3{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty4{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty5{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.edit_rechts_bottom{background-image:url();background-color:#6600FF;}

<!-- sonstiges -->

td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{visibility: hidden;}
td.edit_rb_footer{visibility: hidden;}
-->
</style>

______________
LG André

GMMTS.de


Zuletzt bearbeitet von andybabe27 am 29.05.2007, 15:00, insgesamt 3-mal bearbeitet
Beitrag29.05.2007 um 12:45 (UTC)    
Titel:

andybabe27 hat Folgendes geschrieben:
Weil du gerade von CSS redest. Warum postest du es bei Designtechnische Fragen, wenn es hier um CSS geht? Habs auch gleich mal verschoben.

Edit:

Das ist jetzt mal das Beste, was ich aus deinem Code raus holen konnte. Mehr ist gerade nicht drinnen, aber vielleicht kann jemand anderes mal übernehmen. Sowas wie diesen Code habe ich zuvor noch nie gesehen. Aber da ich dein genaues Vorhaben nicht kenne und auch nicht weiß, wie das Design überhaupt aussehen soll, kann ich eh nicht viel machen.


Zitat:
<style type="text/css">
<!--
td.edit_header_full{background-image:url();background-repeat: no-repeat;}
td.nav_heading{
background-image: url();background-color:#6600FF
height: 35px;
font-size: 12px;
font-weight: bold;
color: #6600FF;}
td.nav{
background-color: #6600FF;
background-image: none;
background-image: url();
padding-right: 0px;
text-align: left;}

<!-- Navigation -->

td.nav_heading{color: #6600FF;background-image: url(URL);background-color: #6600FF;}
td.nav:hover{background-image: url();background-color: #6600FF;}
td.nav a{color: #6600FF;font-size: 10px;font-weight: bold;}
td.nav a:hover{color: #6600FF;font-size: 10px;font-weight: bold;}
td.nav a:visited{color: #6600FF;font-size: 10px;font-weight: bold;}

<!-- Hintergrund -->

body {background-image:url();background-color: #6600FF;}

<!-- Seiteninhalt -->

td.edit_content{background-image: url();background-color: #6600FF;}
td.edit_content_bottom{background-image: url();background-color: #6600FF;}
td.edit_content_top{background-image: url();background-color: #6600FF;}
td.edit_content_bottom2{background-image: url();background-color: #6600FF;}
td.sidebar_heading{background-color: #6600FF;background-image: url(URL);}

<!-- Design in die Breite ziehen -->

table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 100% !important;}
td.edit_rechts_cbg{width:100%;}

<!-- Boxen -->

td.sidebar_heading{visibility: hidden;width: 0px;}
td.shouty{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty2{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty3{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty4{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}
td.shouty5{color:#6600FF;background-image: url(URL);background-color: #6600FF;border: 3px solid #6600FF;}

<!-- sonstiges -->

td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{visibility: hidden;}
td.edit_rb_footer{visibility: hidden;}
-->
</style>


Genau so möchte ich es, nur hab jetzt keinen Header mehr drin und die rechte Boxen sind schwarz. Wie kann ich meine Navi Buttons einfärben, die sind auch weg:-)

Aber hammer hilfe, danke dir sehr:-)
Beitrag29.05.2007 um 13:01 (UTC)    
Titel:

Das Rote entfernt den Header und das Grüne ist deine Navigation Wink

(in meinem Beitrag)
______________
LG André

GMMTS.de
Beitrag29.05.2007 um 13:13 (UTC)    
Titel:

andybabe27 hat Folgendes geschrieben:
Das Rote entfernt den Header und das Grüne ist deine Navigation Wink

(in meinem Beitrag)


Jetzt hab ichs schon fast, einzig nur die die schawrzen balken zwischen uhr und kalender auf der rechten seite....

Danke dir vielmals:-)
Beitrag29.05.2007 um 13:17 (UTC)    
Titel:

Hmm ich bin mir nicht sicher, aber vllt solltest du dass dann am Code umändern:

Zitat:

<!-- sonstiges -->

td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{visibility: hidden;}
td.edit_rb_footer{visibility: hidden;}
-->


in:

Zitat:

<!-- sonstiges -->

td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{visibility: hidden;}
td.edit_rb_footer{background-image: url(URL);background-color: transparent;}
-->
Beitrag29.05.2007 um 13:49 (UTC)    
Titel:

outcast-inventions hat Folgendes geschrieben:
Hmm ich bin mir nicht sicher, aber vllt solltest du dass dann am Code umändern:

Zitat:

<!-- sonstiges -->

td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{visibility: hidden;}
td.edit_rb_footer{visibility: hidden;}
-->


in:

Zitat:

<!-- sonstiges -->

td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_sbg{visibility: hidden;}
td.edit_rb_footer{background-image: url(URL);background-color: transparent;}
-->


Kannst das ja vllt mal probieren... Wink


Hat fast geklappt:-) Hab jetzt noch einen lästigen Balken auf der Seite und einen der sich durch die ganz seite nach unten zieht:-)

Und dann hast du es auch schon bald geschafft:-))))
Beitrag29.05.2007 um 14:00 (UTC)    
Titel:

Ich habe meinen Code mal Viollet erweitert Wink
______________
LG André

GMMTS.de
Beiträge der letzten Zeit anzeigen:   


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