Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.12.2009 um 09:33 (UTC)    
Titel: Breite vom Content ändern

Hallo,

ich habe da ein richtig großes Problem, undzwar möchte ich den Content nach links breiter machen und die Navigation ein wenig schmaler machen, sodass die Navigation auf 100 px schmal wird und der Content dann logischerweise 100 px nach links breiter wird.

Eine weitere Frage hätte ich noch, undzwar möchte ich, dass mein Design nicht mehr transparent ist, so dass ich für den Anfang einen gelben Content habe, worauf ich dann meinen Inhalt dann schreiben möchte.

Ich habe beides ettliche mal versucht, und leider habe ich es alleine nicht hingekriegt.


Hier der Code von meinem Design:

<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/p/phx-webdesign/vistabg.jpg);}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty, shouty2, shouty3, shouty4, shouty5{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/umfrag.jpg); color: white; background-color: ;}
td.edit_rb_footer{background-image:url(); height: 0px;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);background-repeat: no-repeat;}
td.nav_heading{height: 38px;background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);color: white;}
td.sidebar_heading{height: 38px;color: white; background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content_top{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content{background-image:url();border: 1px solid #6666FF;}
td.edit_content_bottom{background-image:url();height: 0px;}
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:no-repeat; }
td.edit_header_full table{width: 100% !important;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/header.jpg);height:200px;}
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: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>

Danke jetzt schon mal für eure Antworten

mfg, Kadir
______________

Homepage wechselt zu http://portal-onlinegames.de.tl/
Beitrag06.12.2009 um 10:31 (UTC)    
Titel:

Hallo, den content habe ich Dir so geändert, dass er ab jetzt gelb ist, den code habe blau markiert. Viellecht hilft Dir das ja auch schon mal weiter, zumindest der Content hat dann die gewünschte Farbe.

Zitat:
<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/p/phx-webdesign/vistabg.jpg);}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty, shouty2, shouty3, shouty4, shouty5{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/umfrag.jpg); color: white; background-color: ;}
td.edit_rb_footer{background-image:url(); height: 0px;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);background-repeat: no-repeat;}
td.nav_heading{height: 38px;background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);color: white;}
td.sidebar_heading{height: 38px;color: white; background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content_top{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content{background-image:url();background-color:#FCFF00;border: 1px solid #6666FF;}
td.edit_content_bottom{background-image:url();height: 0px;}
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:no-repeat; }
td.edit_header_full table{width: 100% !important;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/header.jpg);height:200px;}
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: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


Liebe Grüße.
______________



www.gidf.de

Ice Blue&CSS-Design
Beitrag06.12.2009 um 20:49 (UTC)    
Titel: Danke

super, nun habe ich endlich einen nicht transparenten Content.


Kann mir jmd trotzdem noch meine 2. Frage beantworten:
Also ich möchte, dass der gelbe content breiter wird, sodass der Freiraum zwischen navigation und Content verschwindet.

Wenn ihr euch es nicht genau vorstellen könnt, was ich mit meiner Frage meine, dann könnt ihr ja mal bei meiner HP vorbeischauen. Dort kann man gut sehen, dass sich zwischen Content und navigation ein Freiraum befindet, der verschwinden muss durch verbreiterung des contents.

Danke jetzt schon mal für eure Antworten.

mfg, Kadir
______________

Homepage wechselt zu http://portal-onlinegames.de.tl/
Beitrag07.12.2009 um 11:18 (UTC)    
Titel: Fehler im Code/Falsche Buttongröße

Problem gefunden:

Wenn Du das blau markierte entfernst, dann stimmt die Größe Deiner Navigationsbutton und sie gehen bis an den Content heran und schliessen die Lücke.

Deine Grafiken für die Navigationsbutton sind zu schmal , sie haben nur eine Breite von 135 px.

Dadurch, dass Du die Wiederholung der Button Grafik unterdrückt hast (das blau markierte), bleibt der Button zu schnmal und die Lücke entsteht.

Um nicht einen größeren Button erstellen zu müssen, der die erforderliche Breite von 185 px hat, lösche das blau markierte heraus und auch Deine Button passen und die Lücke verschwindet.

Zitat:
<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/p/phx-webdesign/vistabg.jpg);}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty, shouty2, shouty3, shouty4, shouty5{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/umfrag.jpg); color: white; background-color: ;}
td.edit_rb_footer{background-image:url(); height: 0px;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);background-repeat: no-repeat;}
td.nav_heading{height: 38px;background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);color: white;}
td.sidebar_heading{height: 38px;color: white; background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content_top{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content{background-image:url();background-color:#FCFF00;border: 1px solid #6666FF;}
td.edit_content_bottom{background-image:url();height: 0px;}
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:no-repeat; }
td.edit_header_full table{width: 100% !important;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/header.jpg);height:200px;}
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: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


Hier der geänderte Code (habe ihn auf meiner Seite getestet und bei mir war die Lücke weg.

Zitat:

<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/p/phx-webdesign/vistabg.jpg);}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty, shouty2, shouty3, shouty4, shouty5{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/umfrag.jpg); color: white; background-color: ;}
td.edit_rb_footer{background-image:url(); height: 0px;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);}
td.nav:hover{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/navigationsbutton.jpg);}
td.nav_heading{height: 38px;background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);color: white;}
td.sidebar_heading{height: 38px;color: white; background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content_top{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/testleiste.jpg);}
td.edit_content{background-image:url();background-color:#FCFF00;border: 1px solid #6666FF;}
td.edit_content_bottom{background-image:url();height: 0px;}
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:no-repeat; }
td.edit_header_full table{width: 100% !important;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/k/kostenlose-mmorpgs/header.jpg);height:200px;}
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: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>



Ich hoffe ich konnte Dir weiterhelfen und der Code funktioniert auch auf Deiner Seite.

Liebe Grüße.
______________



www.gidf.de

Ice Blue&CSS-Design


Zuletzt bearbeitet von meinepersoenlicheseite am 07.12.2009, 12:31, insgesamt 3-mal bearbeitet
Beitrag07.12.2009 um 17:53 (UTC)    
Titel: Danke

Danke für den Code, aber wie du auf meiner Homepage sehen kannst ist zwar die Lücke zwischen Navi und Content verschwunden, aber ich wollte nicht, dass die Navigation breiter wird. Ich wollte lediglich, dass die Navigation so bleibt und NUR der Content breiter wird.

Ich hoffe ich konnte mein Problem diesmal verständlicher erläutern

Danke jetzt schon mal im Voraus für Antworten.

mfg, Kadir
______________

Homepage wechselt zu http://portal-onlinegames.de.tl/


Zuletzt bearbeitet von kostenlose-mmorpgs am 07.12.2009, 19:02, insgesamt einmal bearbeitet
Beitrag09.12.2009 um 14:12 (UTC)    
Titel:

Zu der Frage habe ich diesen Link gefunden:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=104715&highlight=navi+verkleinern

Liebe Grüße.
______________



www.gidf.de

Ice Blue&CSS-Design
Beitrag09.12.2009 um 14:24 (UTC)    
Titel: schade

Schade, dann ist es also nicht möglich, dass man die Breite der Navigation ändert.
______________

Homepage wechselt zu http://portal-onlinegames.de.tl/
Beiträge der letzten Zeit anzeigen:   


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