Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.03.2010 um 10:47 (UTC)    
Titel: Cool Menü verschiebt sich dauernd

Ich mal wieder.

So ich hab nun größteils meine Probleme gelöst.. ausser das mein Coolmenü sich bei jeder seite trotz anpassung selbstständig macht.. und zwar mal nach Links und Rechts mal gehts noch unten oder teilt sich bei seiten dann auf.

Möglichkeit wäre, den Code vom Coolmenü auf jeder seiter per Quellcode einzurichten, was aber dann die Aktualisierung meiner Seiten, diese ja alle Gallerien sind erheblich komplizieren würde.

Das Coolmenü soll sich immer Mittig unterm Header befinden.

Habt ihr nen Tipp für mich wie ich das machen kann?


LG Micha
Beitrag31.03.2010 um 16:09 (UTC)    
Titel:

Tach
tausch mal die Collmenüpositionierung gegen die untere aus.

Bitte an dem Wert left: 50% nichts ändern

nur über top und margin-left die Position ändern


/* Coolmenü position, "top" , "left" und "width" ändern */
div.menu {
position: absolute;
z-index: 3;
left: 50%;
top: 315px;
margin-left:-264px;
width:920px; }





Gruß
Beitrag31.03.2010 um 16:23 (UTC)    
Titel:

Mit den Werten ist das Menü komplett links - ich lass es mal so stehn damit mans sieht.

LG Micha


Zuletzt bearbeitet von elas-fotografie am 31.03.2010, 17:23, insgesamt einmal bearbeitet
Beitrag01.04.2010 um 10:44 (UTC)    
Titel:

Also das Cool Menü verschiebt sich nur da, wo ich die Gallerien gemacht habe.

Dort wo keine Bilder sind passt es und verschiebt sich nicht..

Was kann ich denn nun machen?

Lg Micha
Beitrag01.04.2010 um 14:44 (UTC)    
Titel:

Hallo Micha
ändern der Position des Coolmenüs im Code für

/* Coolmenü position, "top" , "left" und "width" ändern */

machst du den
" TOP " Wert größer so kannst du es weiter nach unten positionieren.
mit
" margin-left " änderst du den Wert von den jetzigen -264px; auf 50px
so kannst du es weiter nach rechts ausrichten



<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Brush Script MT;
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-left: 30px;
padding-top: 5px; }

/* Coolmenü position, "top" , "left" und "width" ändern */
div.menu {
position: absolute;
z-index: 3;
left: 50%;
top: 315px;
margin-left:-264px;
width:921px; }


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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #;
background-image: url(http://img.webme.com/pic/e/elas-fotografie/faaa.jpg);
text-decoration: none;
text-align: left;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: schwarz; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00000;
background-image: url(http://img.webme.com/pic/e/elas-fotografie/faaa.jpg);
color: #schwarz; }

#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: #schwarz; }
//-->
</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');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://elas-fotografie.de.tl/Home.htm">Home</a></li>
<li><a href="http://elas-fotografie.de.tl/-Ue-ber-Mich-.--.-.htm">über Mich</a></li>
<li><a href="http://elas-fotografie.de.tl/Meine-Ausr.ue.stung.htm">Ausrüstung</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Tierisches</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://elas-fotografie.de.tl/Hunde.htm">Hunde</a></li>
<li><a href="http://elas-fotografie.de.tl/Katzen.htm">Katzen</a></li>
<li><a href="http://elas-fotografie.de.tl/Frettchen.htm">Frettchen</a></li>
<li><a href="http://elas-fotografie.de.tl/Insekten.htm">Insekten</a></li>
<li><a href="http://elas-fotografie.de.tl/V.oe.gel.htm">Vögel</a></li>
<li><a href="http://elas-fotografie.de.tl/Schlangen.htm">Schlangen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"> Portrait</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://elas-fotografie.de.tl/Akt-Mann.htm">Akt Mann</a></li>
<li><a href="
http://elas-fotografie.de.tl/Akt-Frau.htm">Akt Frau</a></li>
<li><a href=" http://elas-fotografie.de.tl/Diverses.htm ">Diverses</a></li>
<li><a href="http://elas-fotografie.de.tl/Bearbeitungen.htm">Bearbeitungen</a></li>

</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Natur</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href=" http://elas-fotografie.de.tl/Sonnenaufg.ae.nge.htm ">Sonnenaufgänge</a></li>
<li><a href=" http://elas-fotografie.de.tl/Landschaften.htm ">Landschaften</a></li>
<li><a href=" http://elas-fotografie.de.tl/Pflanzen.htm ">Pflanzen</a></li>
<li><a href=" http://elas-fotografie.de.tl/Gemischt.htm ">Gemischt</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Kontakt</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://elas-fotografie.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://elas-fotografie.de.tl/Kontakt.htm">Kontaktformular</a></li>
<li><a href="http://elas-fotografie.de.tl/Impressum.htm">Impressum</a></li>
<li><a href="http://elas-fotografie.de.tl/Links-d-.htm">Links</a></li>
</ul>
</li>
</div>





Gruß
Rene
Beitrag01.04.2010 um 14:52 (UTC)    
Titel:

Danke Rene aber das ist nicht das Problem.

Ich habe das Menü so ausgerichtet:

http://img.webme.com/pic/e/elas-fotografie/unbenannt.jpg

So soll es auf jeder seite sein und so erscheint es bei den Bereichen Home alle und Kontakt alle.

Gehe ich aber zu den Gallerie seiten, sieht es so aus:

http://img.webme.com/pic/e/elas-fotografie/unbenannt2.jpg

Je welche seite ich anklicke verschiebt es sich einfach variabel - und ich weiß nicht warum.

Lg Micha
Beitrag01.04.2010 um 15:07 (UTC)    
Titel:

so schaut dein Coolmenü bei mir zur zeit aus

http://img.webme.com/pic/r/rene-seine-homepage/44444.jpg


im grund ist es dem Coolmenü egal wo es sitzt (das verschiebt sich nicht) auch wenns in der Mitte vom Bild sitzt
darum mußt du es richtig positionieren mit dem genanten CSS code


Smile
Gruß
Rene
Beitrag01.04.2010 um 15:09 (UTC)    
Titel:

ich muß jetz leider weg

wünsch dir noch viel Spaß beim probieren

bis dann...
Beitrag01.04.2010 um 17:41 (UTC)    
Titel:

Ich hab jetzt das hier eingefügt:

/* Coolmenü position, "top" , "left" und "width" ändern */
div.menu {
position: absolute;
z-index: 3;
left: 50%;
top: 315px;
margin-left:-264px;
width:921px; }


Aber das menü wandert weiterhin auf den versiedenen seiten Rolling Eyes

Das geht einfach nicht. Muss ich echt auf jeder seite das Menü anpassen???
Beitrag01.04.2010 um 22:44 (UTC)    
Titel:

Hallo

so jetz ist es auf der Home-Seite schonmal i.o
--> super !

mal was anderes -->wo hast du den code für das Coolmenü eingefügt ?
auf jeder Seite?

es gehört normal in das Feld " Text über dem Design"

das findest du unter.
(Design einstellen / Erweiterte Einstellungen / Text über dem Design)

Gruß
Rene
Beitrag02.04.2010 um 06:38 (UTC)    
Titel:

Guten Morgen Rene Smile
Das Coolmenü ist nur unter Text unter dem Desing eingefügt.

Aber nirgends im Quellcode der seiten.

Drum wurmt es mich so, dass auf den seiten wo Bilder sind sich das Menü einfach verschiebt.

Lg Micha
Beitrag02.04.2010 um 08:49 (UTC)    
Titel:

Du hast z. B. auf der Seite Sonnenaufgänge ganz oben im Content (!) das hier eingefügt:

Zitat:
<style media="sreen" type="text/css">
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 360px;
left: 250px;
width:850px; } //-->
</style>


Das hast du z. B. auf der Seite Hunde nicht, deswegen verschiebt es sich auf der Seite Sonnenaufgänge, auf der Seite Hunde aber nicht.
______________

Beitrag02.04.2010 um 09:33 (UTC)    
Titel:

Morgen Micha

jup da is der Fehler !!!!

Danke 3fragezeichen

Gruß und schöne Ostern
Rene
Beitrag03.04.2010 um 09:37 (UTC)    
Titel:

dieses Problem hat sich erledigt !
------> kann geschlossen weerden werden <-------
Beiträge der letzten Zeit anzeigen:   


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