Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.08.2009 um 11:53 (UTC)    
Titel: Design Iceblue - Breite von Navi und rechter Box

Hallo liebe Leute,

habe mal wieder eine Frage zum Design Iceblue. Ich würde gerne die Breite der Navigation und der rechten Boxen verändern wollen. Habe auch schon einiges ausprobiert - habe das aber nicht hinbekommen. So langsam glaube ich das das garnicht geht.

Bitte macht mich doch mal ein bisschen schlauer !!!

Die Homepage um die es geht findet Ihr unter loewentermine.de.tl

Hatte mir vorgestellt, dass das Navigationsmenue, die gleiche Breite haben soll, wie der linke Button des Cool-Menue. Ebenso wäre es schön, wenn die Rechte Box die gleiche Grösse hätte wie der letzte Button des Coolmenue.

Klar der Content müsste dann natürlich verbreitert werden.

Ist so etwas im Design Iceblue überhaupt möglich ???

Mal wieder vielen lieben Dank im Voraus für eure Hilfe !!!!

Liebe Grüße
Michael
Beitrag10.08.2009 um 12:07 (UTC)    
Titel:

Poste mal deinen Code dann kann man es schon ausbessern Wink
Beitrag10.08.2009 um 12:25 (UTC)    
Titel:

Okay....unten mein Code....

Wie gesagt, es wäre super schön, wenn die Breite der Navi genauso breit ist wie der linke Button des Cool-Menues und die rechte Box genauso breit wie der letzte Button des Coolmenue. So das es optisch genau in einer Flucht verläuft.

Der Content müsste dann natürlich dementsprechend verbreitert werden. Wäre wirklich super wenn Du das hinbekommen könntest.

Im Voraus auf jeden Fall schon mal herzlichen Dank für Deine Mühe !!!
Smile

Hier mein Code:

<center><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:no-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;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}


td.edit_content{background-image:url(http://img.webme.com/pic/d/designcodes/content2.png);background-color:#c0c0c0;border: 1px solid #c0c0c0;}

td.nav:hover{background-image: url(http://s3.directupload.net/images/090809/mq9l7kma.jpg);background-color:#XXXXXX;width:
164px;height: 24px;border: 1px solid #969696;position: absolute;top:350px }

td.nav{background-image: url(http://s3.directupload.net/images/090809/qbxeqs4h.jpg);background-color:#XXXXXX;width:
164px;height: 24px;border: 1px solid #969696;position: absolute;top:350px }

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

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}


body {background-image:url(http://img.webme.com/pic/d/designcodes/bodygraumarmor.jpg);background-color:#XXXXXX;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/d/designcodes/shouty2.png);
background-repeat:repeat;
background-color:#XXXXXX;font-family: tahoma;font-size: 12px;
color:#000000;border: 1px solid #c0c0c0;}

td.edit_content_top{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_navi_headbg{background-image: url(http://img.webme.com/pic/d/designcodes/contenttop.png);
width: 15%;background-position:top right;background-repeat:repeat-x;}


td.nav_heading{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}


td.sidebar_heading{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_rb_footer{background-image:url();height: 20px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}


td.edit_content_bottom2{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}


td.nav_heading{font-family: tahoma;font-size: 11px;color: #000000;padding-left:26px;text-align: left;}
td.nav a{font-family: tahoma;font-size: 11px;color: #000000;text-decoration: none}
td.sidebar_heading{font-family: tahoma;font-size: 11px;color: #000000; text-align: center;}


td.edit_content a{
color:#000000;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: #ffffff;
font-size: 12px;
text-decoration: none;}

td.edit_header_full{background-image:url(http://s7.directupload.net/images/090807/5lvasqoj.jpg);background-color:#XXXXXX;width:
1000; height: 132px;border: 1px solid #000000;}
-->
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 265px;
left: 10px;
width:990px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 164px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 1px solid #000000;
background-color: #000000;
background-image: url(http://s3.directupload.net/images/090809/qbxeqs4h.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 20px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://s3.directupload.net/images/090809/mq9l7kma.jpg);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="http://loewentermine.de.tl/Startseite.htm";"javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.2</a></li>
</ul>
</li>
</div>
Beitrag10.08.2009 um 12:45 (UTC)    
Titel:

Wenn ich dich richtig verstanden habe müsste es jetzt so klappen;
Zitat:
<center><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:no-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;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}


td.edit_content{background-image:url(http://img.webme.com/pic/d/designcodes/content2.png);background-color:#c0c0c0;border: 1px solid #c0c0c0;}

td.nav:hover{background-image: url(http://s3.directupload.net/images/090809/mq9l7kma.jpg);background-color:#XXXXXX;width:
164px;height: 24px;border: 1px solid #969696;position: absolute;top:350px }

td.nav{background-image: url(http://s3.directupload.net/images/090809/qbxeqs4h.jpg);background-color:#XXXXXX;width:
164px;height: 24px;border: 1px solid #969696;position: absolute;top:350px }

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

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}


body {background-image:url(http://img.webme.com/pic/d/designcodes/bodygraumarmor.jpg);background-color:#XXXXXX;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/d/designcodes/shouty2.png);
background-repeat:repeat;
background-color:#XXXXXX;font-family: tahoma;font-size: 12px;
color:#000000;border: 1px solid #c0c0c0;}

td.edit_content_top{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_navi_headbg{background-image: url(http://img.webme.com/pic/d/designcodes/contenttop.png);
width: 15%;background-position:top right;background-repeat:repeat-x;}


td.nav_heading{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}


td.sidebar_heading{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;width:
164px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_rb_footer{background-image:url();height: 20px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}


td.edit_content_bottom2{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}


td.nav_heading{font-family: tahoma;font-size: 11px;color: #000000;padding-left:26px;text-align: left;}
td.nav a{font-family: tahoma;font-size: 11px;color: #000000;text-decoration: none}
td.sidebar_heading{font-family: tahoma;font-size: 11px;color: #000000; text-align: center;}


td.edit_content a{
color:#000000;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: #ffffff;
font-size: 12px;
text-decoration: none;}

td.edit_header_full{background-image:url(http://s7.directupload.net/images/090807/5lvasqoj.jpg);background-color:#XXXXXX;width:
1000; height: 132px;border: 1px solid #000000;}
-->
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 265px;
left: 10px;
width:990px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 164px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 1px solid #000000;
background-color: #000000;
background-image: url(http://s3.directupload.net/images/090809/qbxeqs4h.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 20px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://s3.directupload.net/images/090809/mq9l7kma.jpg);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="http://loewentermine.de.tl/Startseite.htm";"javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.2</a></li>
</ul>
</li>
</div>



Hoffe es ist jetzt richtig Confused
Beitrag10.08.2009 um 17:40 (UTC)    
Titel:

Das hat leider nicht geklappt !!!
Sad

Ergebnis kannst Du Dir hier anschauen....loewenarchiv.de.tl

Daher hier nochmal meine Frage:

Ist es möglich im Design Iceblue, die Breite der Navigation, des Textfeldes und der rechten Boxen zu ändern.

Und wenn ja - wie denn ?

Danke und Gruß
Michael
Beiträge der letzten Zeit anzeigen:   


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