Design Iceblue - Navibreite ändern

Hallo Leute,

ich habe ein Problem.

Ich schaffe es nicht die Navigationbreite zu verringern. Ist dies überhaupt möglich und wenn ja.

Wenn ich Buttons aus der Navi herausnehme, dann kann ich die woanders positionieren und auch die Grösse verändern.

Die eigentliche rechte Navigation bleibt aber 185 px breit. Woran liegt das, bzw. was müsste ich ändern.

Gruß
Michael

Quellcode:

<style type="text/css">
<!--
table.edit_main_table{width: 97% !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; }
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>

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

/* Hintergrund hinter Design */
body {
background-image:url(http://s1.directupload.net/images/100619/xkg8am8n.jpg);
background-attachment: fixed;}


/* Header oben */
td.edit_header_full{
background-image: url(http://s10.directupload.net/images/100619/kopp2b3v.jpg);
width: 986px; height: 200px;}

/* Titel im Header entfernen */
td.headline {visibility: hidden;}

/* Navi Buttons */
td.nav{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/iceblue-test/button_red.png);
width:100px;height: 33px;
border: 1px solid #000000; }

/* Hover Navi-Button */
td.nav:hover {
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/iceblue-test/button_blue.png);
width:100px;height: 33px;
border: 1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana;
text-decoration: none;
text-align: right; }

/* Hover Textlink Navigation */
td.nav a:hover{color: #FFFFFF;}

/* Bild unter Navigation entfernt */
td.edit_below_nav {visibility: hidden;}

/* Hintergrund Navigation */
td.edit_navi_headbg {
background-color: ;
background-image: url();
border: 0px solid #000000; }

/* Titel über Navigation */
td.nav_heading {display:none;}


/* Navigation oben*/
#nav_Startseite {
position: absolute;
left: 50%;
top:230px;
margin-left: -275px;
width:100px;
height:30px;
padding-left:10px;}

/* Einzelne Seiten verstecken */
#nav_1 {display:none;}
#nav_2 {display:none;}

/* Balken über Textfeld */
td.edit_content_top{display:none;}

/* Seitentitel über Textfeld */
td.headline2 {visibility: hidden;}

/* Textfeld */
td.edit_content{
background-image: url();width: 0px;}

/* Erste Balken unter Textfeld */
td.edit_content_bottom{visibility: hidden;width: 0px;}

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2{background-image: url();}

/* große Feld unter Textfeld */
td.edit_rechts_cbg{background-image: url(URL);}

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg{display:none;}

/* Titel über rechter Box */
td.sidebar_heading{display:none;}

/* rechte Boxen 1 bis 5 */
td.shouty{display:none;}
td.shouty2{display:none;}
td.shouty3{display:none;}
td.shouty4{display:none;}
td.shouty5{display:none;}

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none;}

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom{display:none;}

-->
</style>

welchen zweck soll des veringern der breite der navigation haben? um etwas abstand zum textfeld zu erhalten? dann brauchst du den rechten teil des buttons nur transparent machen und das bild im code ersetzen.

du kannst die navi auch komplett ausblenden und statt dessen die buttons rechts als verlinktes bild einfügen. dann musst du aber jede seite im code verstecken.

nächste möglichkeit wäre ein "coolmenü", aber dazu musst du dich erstmal befassen. die forensuche hilft dir dabei.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Hallo Gringo,

erstmal vielen lieben Dank für Deine Antwort.

Der Zweck soll sein, dass meine Textfeld grösser wird. Aber gleichzeitig auch, dass der Navigationstreifen nicht so breit ist.

Habe das mit einem Coolmenue schon versucht, leider kann man beim Coolmenue es nicht so machen, dass der Button der angeklickt wurde, sichtbar (erkennbar) ist.

Schau Dir einfach mal meine Seite an....dann siehst Du was ich meine. Ich möchte es am liebsten so haben, dass ich oben eine Navigation habe. Wenn ich einen Button der Navi dann anklicke, dass man erkennt das dieser geklickt wurde.

Man kann ja Navipunkte aus der Navigation herausnehmen und frei im Design positionieren und auch die Grösse der Button so gestalten wie man möchte - leider bleibt aber links dann trotzdem die übliche Breite der Navigation.

Sieht dann ganz schön doof aus wenn links dann so ein breiter Streifen bleibt.

Vielleicht gibt es ja eine Möglichkeit, bzw. eine andere Möglichkeit !!!

Gruß
Michael

Du kannst Dir das auch mal unter dieser Adresse anschauen (www.versuchmichael.de.tl), da ist die Navigation komplett entfernt und ein Coolmenue eingebaut. Jedoch besteht eben bei den Coolmenue's nicht die Möglichkeit, den aktiven Button (Seite) im Coolmenue andersfarbig zu gestalten. Oder besser gesagt, dass nach dem Klicken des Buttons der Hovereffekt erhalten bleibt.

Die Frage hatte ich ja schon vor Tagen mal gestellt, worauf mir leider niemand eine Antwort gegeben hat.

Und aus Deinen Antworten entnehme ich demnach, dass die Breite der Navigation nicht änderbar ist, oder ?

soweit ich weiss lässt sich die navi nicht verkleinern.

wie schaut das denn bei dir aus? http://designcodes.de.tl/Blaues-Design.htm

ist das textfeld breit genug? es gibt auch die möglichkeit die rechten boxen zu entfernen. schau mal auf der seite und in der navi findest du das blaue design ohne rechten boxen. dann wäre das textfeld noch breiter.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell