Autor |
Nachricht |
-
catering-servics
|
01.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
|
|
↑
|
|
|
-
jonas-geiger
|
01.06.2009 um 10:28 (UTC) Titel: |
|
|
auf jonas-geiger.de.tl bekommst du ein kommplettes design mit coolmenü, ansonsten wie is dein code |
|
↑
|
|
|
-
allschwil-3f
|
01.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 |
|
↑
|
|
|
-
jonas-geiger
|
01.06.2009 um 10:32 (UTC) Titel: |
|
|
also ich habe die -405 in 0 gemacht weil man sonst nicht alles sehen kann! |
|
↑
|
|
|
-
allschwil-3f
|
01.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?
Gruss
Allschwil-3F______________ Signatur entfernt, wegen Beleidung - Supportteam |
|
↑
|
|
|
-
jonas-geiger
|
01.06.2009 um 10:43 (UTC) Titel: |
|
|
natürlich Nee, aber ich glaube das es deinen Besucher nicht gefallen würde wenn sie die hälfte der navi nicht sehen können |
|
↑
|
|
|
-
catering-service
|
01.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 |
|
↑
|
|
|
-
allschwil-3f
|
01.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
Wird links oder rechts ausgerichtet.
Diese Pixel Angabe:
verkleinern = mehr nach oben - vergrössern = mehr nach unten
Gruss
Allschwil-3F______________ Signatur entfernt, wegen Beleidung - Supportteam |
|
↑
|
|
|
-
catering-service
|
01.06.2009 um 15:28 (UTC) Titel: |
|
|
Ja das war ein Voltreffer danke
noch die eine sache der zweite header |
|
↑
|
|
|
-
allschwil-3f
|
01.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 |
|
↑
|
|
|
-
catering-service
|
01.06.2009 um 15:38 (UTC) Titel: |
|
|
Wie so geht es nicht bei allen Navi-Links |
|
↑
|
|
|
-
catering-service
|
01.06.2009 um 15:41 (UTC) Titel: |
|
|
doch der erste ist unten |
|
↑
|
|
|
-
allschwil-3f
|
01.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.
Gruss
Allschwil-3F ______________ Signatur entfernt, wegen Beleidung - Supportteam |
|
↑
|
|
|
-
catering-service
|
01.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 |
|
↑
|
|
|
-
catering-service
|
01.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] |
|
↑
|
|
|
|