Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.06.2009 um 08:14 (UTC)    
Titel: Coolmenue nach oben setzen

Hi
Wie kann ich das Coolmenue Positionieren ich finde nichts wie ich es nach oben bekomme so das es nicht mehr auf der rechten Box steht und würde gerne ein zweites Header Feld über dem Coolmenue haben
Doch weis nicht wie
Könnt ihr mir helfen
Sad
Beitrag01.06.2009 um 10:28 (UTC)    
Titel:

auf jonas-geiger.de.tl bekommst du ein kommplettes design mit coolmenü, ansonsten wie is dein code
Beitrag01.06.2009 um 10:31 (UTC)    
Titel:

Hallo, ich hab mal einen Teil vom Code herausgefischt.

Zitat:
div.menu {
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}


Diese Höhe (in px) solltest du je nach Wunsch erhöhen, oder verkleinern.

Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag01.06.2009 um 10:32 (UTC)    
Titel:

also ich habe die -405 in 0 gemacht weil man sonst nicht alles sehen kann!
Beitrag01.06.2009 um 10:39 (UTC)    
Titel:

jonas-geiger hat Folgendes geschrieben:
also ich habe die -405 in 0 gemacht weil man sonst nicht alles sehen kann!


Aber hier geht es nicht um dich, oder etwa schon? Cool

Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag01.06.2009 um 10:43 (UTC)    
Titel:

natürlich Wink Nee, aber ich glaube das es deinen Besucher nicht gefallen würde wenn sie die hälfte der navi nicht sehen können
Beitrag01.06.2009 um 13:12 (UTC)    
Titel:

ja das war wohl nichts ich meinte doch nach oben
und nicht nach rechts . Und der zweite header were echt nett wen es doch noch einer weis Question Sad
Beitrag01.06.2009 um 14:33 (UTC)    
Titel:

div.menu {
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}


Diese Höhe (in px) solltest du je nach Wunsch erhöhen, oder verkleinern
Arrow Wird links oder rechts ausgerichtet.


Diese Pixel Angabe:
Arrow verkleinern = mehr nach oben - vergrössern = mehr nach unten



Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag01.06.2009 um 15:28 (UTC)    
Titel:

Ja das war ein Voltreffer danke

noch die eine sache der zweite header
Beitrag01.06.2009 um 15:38 (UTC)    
Titel:

wieso ein zweiter Header?
Du hast ja ned mal einen?

Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag01.06.2009 um 15:38 (UTC)    
Titel:

Wie so geht es nicht bei allen Navi-Links
Beitrag01.06.2009 um 15:41 (UTC)    
Titel:

doch der erste ist unten
Beitrag01.06.2009 um 15:45 (UTC)    
Titel:

catering-service hat Folgendes geschrieben:
doch der erste ist unten


Wo unten? Der rosa Balken? Dort wo eigentlich der Footer hinkommt?

Der zweite Header funktioniert genau gleich wie der erste, heisst einfach anders.

z.B.
Zitat:
# Header2 {


Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag01.06.2009 um 15:53 (UTC)    
Titel:

Ja das ist er


die nav wieso geht es nicht bei allen Links das die position gleich bleibt
Beitrag01.06.2009 um 16:11 (UTC)    
Titel:

Er wirt nicht angezeigt ich verstehe nicht wie bekomme ich in über die Navigation
es wäre echt super wen du mir auch die Sache mit der Navigation zeigen würdest



/* Diese Klassen werden nicht angezeigt */
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
h2#title span {display: none;}
#nav_container {display: none;}
#pre_content {display: none;}
div.header{display: none;}
h1#title{display: none;}

/* Gestalten der Links */
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

body {
background-color:#FFFFFF;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(bild );}

#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 980px;
height:50px;
background-color:#BC105E;
background-image:url();
color:#BC105E;
font-size:13px;
border: 0 px solid #FFFFFF;}

#header2 {
position: absolute;
left: 50%;
margin-left:-490px;
width: 980px;
height:100px;
background-color:#BC105E;
background-image:url();
color:#BC105E;
font-size:13px;
border: 0 px solid #FFFFFF;}


#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #BC105E;
font-size:15px;
background-color:#FFFFFF;
background-image:url();
border: 1px solid #FFFFFF;
overflow:auto;}


#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#BC105E;
background-image:url;
border:0 px solid #FFFFFF;
color:#000000;
overflow:auto;}

<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 103px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #EDD7ED;
background-color: #EDD7ED;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #BC105E;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

#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: #AE0C29;
}
//-->

</style>

<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>
<div class="menu">
<li><a href="http://catering-servics.de.tl/">WIR ÜBER UNS </a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">SERVICE </a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://catering-servics.de.tl/dekuration.htm">LEISTUNG</a></li>
<li><a href="http://catering-servics.de.tl/dekurtion2.htm">DEKORATION</a></li>
<li><a href="UNTERLINK2.4">Titel</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> BILDER</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://catering-servics.de.tl/bilder.htm">2007</a></li>
<li><a href="http://catering-servics.de.tl/2008.htm">2008</a></li>
<li><a href="http://catering-servics.de.tl/2009.htm">2009</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://catering-servics.de.tl/Kontakt.htm"> KONTAKT</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://catering-servics.de.tl/L6.htm">niki</a></li>
<li><a href="http://catering-servics.de.tl/t.htm">niki</a></li>
</ul>
</li>
</div>
Code:
[u][/u][color=red][/color]
Beiträge der letzten Zeit anzeigen:   


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