Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.04.2011 um 00:03 (UTC)    
Titel: Coolmenü an Element positionieren?

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!
Beitrag20.04.2011 um 17:50 (UTC)    
Titel:

weiß niemand eine Antwort, oder habt ihr meine Frage nicht verstanden?
Ich würde mich wirklich über Hilfe freuen.
Beiträge der letzten Zeit anzeigen:   


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