Hallo,
ich habe das Iceblue-Design und mein Problem ist, dass sich mein Coolmenü bei unterschiedlichen Auflösungen verschiebt. Ist es irgendwie möglich, das Coolmenü an der linken Kante des Headers auszurichten? Bei mir verschiebt es sich leider immer, wenn ich zoome.
mein Quelltext:
Zitat: <div align="center">
<table border="0" width="70%" id="table1">
<tr>
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#FFFFFF;
background-image:url(http://dragonison.dr.funpic.de/CPG/Design/Hintergrund2.jpg);
background-repeat: repeat-y;
text-align:center;
}
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#05046A;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/* Header oben */
td.edit_header_full {
height:150px;
width:1200px;
background-color:#xxxxxx;
background-image:url(http://dragonison.dr.funpic.de/CPG/Design/cpg4.gif);
background-repeat:no-repeat;
border:0px solid #000000; border-color:#05046A; }
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:33px;
background-color:#05046A;
background-image:url();
border:0px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://dragonison.dr.funpic.de/CPG/Design/button1.jpg);
border:0px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://dragonison.dr.funpic.de/CPG/Design/button_hover2.jpg);
border:0px solid #000000; }
/* Textlinks in Navigation */
td.nav a {
color:#05046A;
font-size:18px;
font-family:arial,verdana;
text-align:center;
font-weight:bolder;
font-variant:small-caps }
/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#05046A;
font-size:18px;
font-family:arial,verdana;
text-align:center;
font-weight:bolder;
font-variant:small-caps }
/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }
/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }
/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#05046A;
background-image:url();
border:0px solid #000000; }
/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:18px;
font-family:arial,verdana;
text-align:center;
font-weight:bolder;
font-variant:small-caps;}
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:5px solid #000000; border-color:#05046A; }
/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#FFFFFF;
background-image:url(); }
/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#FFFFFF;
background-image:url(); }
/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#xxxxxx;
background-image: url(http://dragonison.dr.funpic.de/CPG/Design/below_cont3.gif);
repeat: no-repeat;
border:0px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
display:none }
/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {
background-color:#XXXXXX;
background-repeat:no-repeat;
background-image: url(http://dragonison.dr.funpic.de/CPG/Design/rechts2.gif);
border:0px solid #000000; }
/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#06006E;
background-image: url();
border:0px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:0px solid #000000; }
/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
.edit_rechts_tabelle,.edit_rechts_cbg{width: 101.5%;}
.edit_rechts_bottom{display:none;}
#nav_Taetigkeitsgebiete
{
display: none;
}
#nav_Leistungsspektrum
{
display: none;
}
#nav_Qualitaetsmanagement
{
display: none;
}
#nav_Referenzlisten
{
display: none;
}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://dragonison.dr.funpic.de/CPG/Design/Symbol7.gif);
background-position: center top;height: 600px!important;background-repeat:no-repeat;}
-->
</style>
<div align="center">
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-color:#050567;
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
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: 248px;
left: 15%;
width: 900px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 170px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color:transparent;
background-image: url(http://dragonison.dr.funpic.de/CPG/Design/button7.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height:25px;
color: #050567; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
text-align:center;
font-weight: bolder;
background-color:transparent;
background-image: url(http://dragonison.dr.funpic.de/CPG/Design/button_hover9.jpg);
background-repeat: no-repeat;
color: #050567;
height:25px; }
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
text-align:center;
font-size: 14px;
display: none;
width: 160px;
float: left;
color: #050567; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
text-align:center;
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #050567; }
//-->
</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://cpg-chemnitz.de.tl/Startseite.htm"; "javascript:void(0); " onmouseover="montre('smenu5');" onmouseout="cache('smenu5');"><center>Startseite</center></a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>
<li><a href="http://cpg-chemnitz.de.tl/Taetigkeitsgebiete.htm"; "javascript:void(0); " onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"><center>Tätigkeitsgebiete</center></a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="http://cpg-chemnitz.de.tl/Qualitaetsmanagement.htm"; "javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"><center> Qualitätsmangagement</center></a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
<li><a href="http://cpg-chemnitz.de.tl/Leistungsspektrum.htm"; "javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');"><center>Leistungsspektrum</center></a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
</ul>
</li>
<li><a href="http://cpg-chemnitz.de.tl/Referenzlisten.htm"; "javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"><center>Referenzlisten</center></a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://cpg-chemnitz.de.tl/2007.htm">2008</a></li>
<li><a href="http://cpg-chemnitz.de.tl/2008.htm">2009</a></li>
</ul>
</li>
</div>
<td>
vielen Dank schon einmal für die Hilfe! |