Autor
Nachricht
german-fussball
16.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
↑
gamingparadise
16.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
Mfg
GamingParadise
↑
german-fussball
16.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.
↑
gamingparadise
16.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
Mfg
GamingParadise
↑
german-fussball
16.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.
↑
gamingparadise
16.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
↑
german-fussball
17.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.
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
17.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
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑