Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.04.2012 um 11:55 (UTC)    
Titel: Coolmenü Problem

Hallo zusammen,

Mein Design: IceBlue [...]

Ich habe ein Problem mit meinem Coolmenü. Ich habe es einfach so positioniert, dass es den Balken über dem Textfeld verdeckt und bei MozillaFirefox, den ich eigentlich immer benutze, sieht das auch ganz anständig aus, nämlich so:

http://img.webme.com/pic/p/pokestuff/wieso2.png

Allerdings habe ich meine Seite dann mal mit Google Chrome aufgerufen und da war das Coolmenü leider verschoben, nämlich so:

http://img.webme.com/pic/p/pokestuff/wieso.png

Meine Frage: Wie kann ich mein Coolmenü so "befestigen", dass es immer am gleichen Platz ist; nämlich da, wo eigentlich der Balken über dem Textfeld wäre.

Ich wäre sehr froh, wenn mir jemand helfen könnte.

Gruß an alle


Zuletzt bearbeitet von pokestuff am 26.04.2012, 12:56, insgesamt einmal bearbeitet
Beitrag26.04.2012 um 11:59 (UTC)    
Titel:

es wäre hilfreicher wenn du mal deine CSS Code postest Smile

Gruß Chris
Beitrag26.04.2012 um 12:04 (UTC)    
Titel:

Okay; hier:

Über dem Design:
Code:
<style type="text/css">
<!--
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

table.edit_main_table{width: 100% !important;}
//-->
</style>
<table align="center" cellspacing="0" cellpadding="0" border="0" width="60%"><tr><td><div align="center">
<style type="text/css">
<!--
html{
cursor:url(http://img.webme.com/pic/w/web-cube/cursor1blau.png), auto;}
a:hover{cursor:url(http://img.webme.com/pic/w/web-cube/cursor1blau.png), auto;}
-->
</style>

<style type="text/css">
<!--
#nav_Sonstiges {display: none;}
#nav_Kontakt {display:none;}
#nav_Impressum {display: none;}
#nav_Quellen {display: none; }
#nav_Partner {display: none;}
#nav_LinkUs {display: none;}

#nav_nichtanzeigen {display: none;}

#nav_Komplettlsung {display: none;}
#nav_Nichtangezeigt {display: none;}
#nav_LsungBlau {display: none;}
#nav_LsungGold {display: none;}
#nav_LsungGrn {display: none;}
#nav_LsungRot {display: none;}
#nav_LsungRubin {display: none;}
#nav_LsungSmaragd {display: none;}
#nav_LsungDiamant {display: none;}
#nav_LsungPlatin {display: none;}
#nav_LsungBlack {display: none;}
#nav_LsungHeartGold {display: none;}
#nav_LsungRanger {display: none;}
#nav_LsungRanger2 {display: none;}
#nav_LsungMysteryBlau {display: none;}
#nav_LsungMysteryZeit {display: none;}
#nav_LsungMysteryHimmel {display: none;}
#nav_LsungRanger3 {display: none;}
#nav_LsungRumble {display: none;}
#nav_LsungPark {display: none;}
#nav_LsungPark2 {display: none;}
#nav_LsungXD {display: none;}

#nav_Charaktere {display: none;}
#nav_Ash {display: none;}
#nav_Rocko {display: none;}
#nav_Misty {display: none;}
#nav_Maike {display: none;}
#nav_Max {display: none;}
#nav_Lucia {display: none;}
#nav_JessieJames {display: none;}
#nav_ProfessorEich {display: none;}
#nav_Gary {display: none;}
#nav_SchwesterJoy {display: none;}
#nav_OfficerRocky {display: none;}
#nav_Benny {display: none;}
#nav_Lilia {display: none;}

#nav_Staffel1 {display: none;}
#nav_Staffel2 {display: none;}
#nav_Staffel3 {display: none;}
#nav_Staffel4 {display: none;}
#nav_Staffel5 {display: none;}
#nav_Staffel6 {display: none;}
#nav_Staffel7 {display: none;}
#nav_Staffel8 {display: none;}
#nav_Staffel9 {display: none;}
#nav_Staffel10 {display: none;}
#nav_Staffel11 {display: none;}
#nav_Staffel12 {display: none;}
#nav_Staffel13 {display: none;}
#nav_Staffel14 {display: none;}
#nav_Staffel15 {display: none;}

#nav_Kinofilm1 {display: none;}
#nav_Kinofilm2 {display: none;}
#nav_Kinofilm3 {display: none;}
#nav_Kinofilm4 {display: none;}
#nav_Kinofilm5 {display: none;}
#nav_Kinofilm6 {display: none;}
#nav_Kinofilm7 {display: none;}
#nav_Kinofilm8 {display: none;}
#nav_Kinofilm9 {display: none;}
#nav_Kinofilm10 {display: none;}
#nav_Kinofilm11 {display: none;}
#nav_Kinofilm12 {display: none;}
#nav_Kinofilm13 {display: none;}
#nav_Kinofilm14 {display: none;}
#nav_Kinofilm15 {display: none;}
#nav_SpezialFilm {display: none;}

#nav_Pokmon1 {display: none;}
#nav_Pokmon51 {display: none;}
#nav_Pokmon101 {display: none;}
#nav_Pokmon151 {display: none;}
#nav_Pokmon201 {display: none;}
#nav_Pokmon251 {display: none;}
#nav_Pokmon301 {display: none;}
#nav_Pokmon351 {display: none;}
#nav_Pokmon401 {display: none;}
#nav_Pokmon451 {display: none;}
#nav_Pokmon501 {display: none;}
#nav_Pokmon551 {display: none;}
#nav_Pokmon601 {display: none;}



-->
</style>






<style type="text/css"><!--td.nav{background-image:url(http://img.webme.com/pic/f/free-picture/radon66iceblue185x33_27.png);}td.nav:hover{background-image:url(http://img.webme.com/pic/f/free-picture/radon66iceblue185x33_26.png);}--></style>



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

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://img.webme.com/pic/p/pokestuff/hinterpoke.png);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:15px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000000;
font-size:15px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#000000;
font-size:15px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:15px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
height: 391px;
widht: 948px;
background-image:url(http://img.webme.com/pic/p/pokestuff/headerpoke.png);
background-repeat:no-repeat;
border:1px solid #000000; }

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

/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-weight: bold;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }


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

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* 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:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-weight: bold;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000000; }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
color:#000000;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-weight: bold;
height:29px;
font-size:12px;
background-image:url(http://img.webme.com/pic/p/pokestuff/hinterpoke.png);
background-color:#c9c9c9;
color:#000000;
border:0px solid #000000; }

/* 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 {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-weight: bold;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Boxen können bis 240 px verbreitert werden*/
table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:185px;}

/* Box 2*/
td.shouty2 {
padding: 0px !important;
background-color:#749CE2;
background-image: url();
border: 0px solid #000000; }


/* rechte Boxen 2 bis 5 */
td.shouty, .shouty3, .shouty4, .shouty5 {
color:#000000;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#FFFFFF;
background-image: url();
border:1px 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; }


-->
</style>

<FONT color="white"><style type="text/css">
<!--
td#nav_abstand1{visibility:hidden;height:15px;}
td#nav_abstand2{visibility:hidden;height:15px;}
td#nav_abstand3{visibility:hidden;height:15px;}
td#nav_abstand4{visibility:hidden;height:15px;}
td#nav_abstand5{visibility:hidden;height:15px;}
td#nav_abstand6{visibility:hidden;height:15px;}
td#nav_abstand7{visibility:hidden;height:15px;}

-->
</style>


<style type="text/css" media="screen">
<!--
/* 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: 518px;
left: 220px;
width:800px; }

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

/* Aussehen der Menüpunkte einstellen (Hintergrund, Schriftart und Größe) */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
font-family: Arial,Verdana;
color: #FFFFFF;
font-size:14px;
font-family:arial,verdana;
font-size: 14px;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
border:1px solid #000000; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #749CE2;
background-image: url(URL);
color: #000; }

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFF; }

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #000; }

//-->
</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> Komplettlösungen</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://pokestuff.de.tl/L.oe.sungBlau.htm">Rot, Gelb & Blau</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungGold.htm">Silber & Gold</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungGr.ue.n.htm">Blattgrün</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungRot.htm">Feuerrot</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungRubin.htm">Rubin & Saphir</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Komplettösungen</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://pokestuff.de.tl/L.oe.sungSmaragd.htm">Smaragd</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungDiamant.htm">Diamant & Perl</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungPlatin.htm">Platin</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungHeartGold.htm">H.Gold & S.Silver</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungBlack">Black & White</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"> Komplettlösungen</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://pokestuff.de.tl/L.oe.sungRanger.htm">Ranger</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungRanger2.htm">Ranger 2</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungRanger3.htm">Ranger 3</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungMysteryBlau.htm">MDT Blau & Rot</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungMysteryZeit.htm">MDE Zeit & D.</a></li>

</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');"> Komplettlösungen</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://pokestuff.de.tl/L.oe.sungMysteryHimmel.htm">MDE Himmel</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungRumble.htm">Super P. Rumble</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungPark.htm">PokéPark</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungPark2.htm">PokéPark 2</a></li>
<li><a href="http://pokestuff.de.tl/L.oe.sungXDhtm">XD: Dunkle St.</a></li>
</ul>

</li>
</div>


Unter dem Design: [ Keine Ahnung, ob's wichtig ist]
Code:
</div></td></tr></table>


Zuletzt bearbeitet von pokestuff am 26.04.2012, 13:06, insgesamt einmal bearbeitet
Beitrag27.04.2012 um 20:08 (UTC)    
Titel:

Keiner 'ne Idee?
Beitrag28.04.2012 um 07:24 (UTC)    
Titel:

Vielleicht liegt es daran das du ein Javascript Coolmenü eingebaut hast. Es gibt auch andere Möglichkeiten wie z.B.

http://www.homepage-baukasten.de/forum/viewtopic.php?t=134830
vielleicht verträgt sich firefox sich nicht mit dem javaskript ding nicht

Gruß Chris
Beiträge der letzten Zeit anzeigen:   


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