Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.07.2010 um 19:54 (UTC)    
Titel: Rechte Infospalte entfernen per CSS?

Ich habe jetzt schon einige Zeit rumexperimentiert wie ich auf meiner Homepage (http://www.german-fussball.de.tl/) die Spalte ganz rechts entfernen kann und anschließend frustriert aufgegeben. Ich brauche diese Spalte rechts nicht, sie macht die Seite nur unübersichtlich. Bei „Text über dem Design“ hab ich unten geschriebenen Text stehen (Iceblue-Design). Was muss ich da ändern, damit ich statt der Spalte rechts an der Stelle noch den hellgrünen Teil der Homepage habe?

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

td.edit_content{
background-image:url();
background-color:#f0fff0;
height: 680px !important;
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
border: 1px solid #ffffff;}

td.edit_content_left_spacer{
background-color:transparent;
background-image:url();}

td.edit_content_right_spacer{
background-color:transparent;
background-image:url();}

td.nav{
background-image: url();
background-color: transparent;
height: 23px;
font-weight: bold;
border: 0px solid #ffffff;}

td.nav:hover{
background-image: url();
background-color: transparent;
border: 0px solid #ffffff;}

td.edit_below_nav{
background-image: url();
background-position: center top;
background-repeat: no-repeat;}

td.edit_below_nav img{
visibility: hidden;}

td.edit_rechts_cbg{
background-image:url();
background-color:transparent;}

body{
background-image:url(http://theme.webme.com/designs/fussball/Bilder/bg.gif);
background-color:#4a0000;}

td.edit_rechts_sbg{
background-image:url();
background-color:transparent;}

td.edit_rechts_bottom{
background-image:url();
background-color:transparent;
border: 0px solid #3F3E3F;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/d/design-fussball/rb_bg.png);
background-repeat:repeat;
background-color:#XXXXXX;
font-family: arial;
text-align: center;
font-size: 12px;
color:#ffffff;
height: 100px;
border-top: 0px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 1px solid #ffffff;}

td.edit_content_top{
display:none;}

td.edit_content_top:hover{
display:none;}

td.edit_navi_headbg{
background-image: url(http://img.webme.com/pic/d/design-fussball/nav_bg.png);
background-color: transparent;
background-repeat: no-repeat;
border: 0px solid #ffffff;}

td.nav_heading{
background-image:url(http://img.webme.com/pic/d/design-fussball/navi.png);
background-repeat: no-repeat;
background-color:#XXXXXX;
height: 38px;
font-size: 18px;
font-weight: bold;
border-right: 1px solid #ffffff;}

td.headline2{
font-size: 13px;}

td.sidebar_heading{
background-image:url();
background-color:#193109;
color: #000000;
width: 202px;
border: 1px solid #ffffff;}

td.edit_rb_footer{
visibility: hidden;
height: 10px;}

td.edit_content_bottom2{
background-image:none;
background-color: transparent;}

td.edit_content_bottom{
display:none;}

td.nav a{
font-family: arial;
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
margin-top: 15px !important;}

td.sidebar_heading{
font-family: arial;
font-size: 12px;
color: #ffffff;
text-align: center;
border-left: 0px solid #ffffff;}

td.edit_content_main div{
overflow: hidden!important;}

td.edit_header_full{
background-image:url(http://img.webme.com/pic/d/design-fussball/header2.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 921px;
height: 171px;
border: 0px solid #ffffff;}

td.headline{
text-align: left !important;
border-top: 40px solid transparent;}
-->
</style>


Zuletzt bearbeitet von german-fussball am 16.07.2010, 20:57, insgesamt einmal bearbeitet
Beitrag16.07.2010 um 20:05 (UTC)    
Titel:

Hey,
in deinem Code gibt es folgenden Abschnitt:

Zitat:
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/d/design-fussball/rb_bg.png);
background-repeat:repeat;
background-color:#XXXXXX;
font-family: arial;
text-align: center;
font-size: 12px;
color:#ffffff;
height: 100px;
border-top: 0px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 1px solid #ffffff;}


Ändere den einfach um:

Zitat:
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{display:none;}


Und schon ist die rechte Box verschwunden Wink

Mfg
GamingParadise
Beitrag16.07.2010 um 20:13 (UTC)    
Titel:

Hey, danke für die Antwort,

allerdings hab ich noch weiterhin den dunkelgrünen „Überschriftsbalken“ rechts und da unter ist sozusagen Niemandsland, also „Gebiet“, das ist nicht im Seiteneditor vollschreiben kann.
Beitrag16.07.2010 um 20:17 (UTC)    
Titel:

Hey,
dann ändere folgenden Abschnitt:

Zitat:

td.sidebar_heading{
background-image:url();
background-color:#193109;
color: #000000;
width: 202px;
border: 1px solid #ffffff;}


in folgenden:

Zitat:
td.sidebar_heading{display:none;}


Und beim ersten Abschnitt:


Zitat:
td.edit_content{
background-image:url();
background-color:#f0fff0;
height: 680px !important;
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
border: 1px solid #ffffff;}


Änderst du so:

Zitat:
td.edit_content{
background-image:url();
background-color:#f0fff0;
height: 680px !important;
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
width:600px;
border: 1px solid #ffffff;}


Beim Roten musst du die Zahl erhöhen, bis die richtige Breite erreicht wurde Wink

Mfg
GamingParadise
Beitrag16.07.2010 um 20:38 (UTC)    
Titel:

Mh, ich schein irgendwie doof zu sein... das erste funktionierte, der dunkelgrüne Balken ist weg – allerdings klappt das mit der Breite wohl nicht so: bei 600px kommt dasselbe raus wie bei 10000px.
Beitrag16.07.2010 um 20:41 (UTC)    
Titel:

Dann versuch es mal so:

Zitat:
td.edit_content{
background-image:url();
background-color:#f0fff0;
height: 680px !important;
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
width:600px!important;
border: 1px solid #ffffff;}


Mfg
GamingParadise
Beitrag17.07.2010 um 11:26 (UTC)    
Titel:

Auch mit dem Important-Teil ändert sich nichts. Ich hab das „width“ jetzt auch an andere Stellen in dem Absatz getan und es änderte sich ebenfalls nicht. Crying or Very sad
Beitrag17.07.2010 um 11:40 (UTC)    
Titel:

Hallo,
füge mal bitte folgenden Code ein
Zitat:
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_rechts_bottom{display:none;}
Ich hoffe, das ganze war so gemeint Confused

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