Aviseringar
Rensa alla

CSS-meny krånglar


Ämnesstartare

Hej

När jag försöker ändra min CSS-meny från vanlig till en med undermeny går det inte som jag vill. Jag har fixat fram så att undermenyn syns hela tiden(vill bara att den ska synas när man hovrar på huvudmeny vilket jag fixar sen.)

Det första problemet är att flash elementet under hela menyn lägger sig fult långt till höger vilket jag inte riktigt kan få bukt på. Jag vill ju att den ska ligga centrerat och snygg med huvudinnehållet. Vill/behöver du se hur sidan ser ut just nu kan jag länka i PM.

HTML
<body>

<div id="page-wrap">

<ul id="nav">
<li class="current"><a href="#">HEM</a>
<ul>
<li><a href="#">Sub1</a></li>
<li><a href="#">Sub1</a></li>
<li><a href="#">Sub1</a></li>
</ul>
</li>
<li><a href="#">NYHETER</a>
<ul>
<li><a href="#">Sub2</a></li>
<li><a href="#">Sub2</a></li>
<li><a href="#">Sub2</a></li>
</ul>
</li>
<li><a href="#">AUKTIONER</a>
<ul>
<li><a href="#">Sub3</a></li>
<li><a href="#">Sub3</a></li>
<li><a href="#">Sub3</a></li>
</ul>
</li>
<li><a href="#">VILLKOR</a>
<ul>
<li><a href="#">Sub4</a></li>
<li><a href="#">Sub4</a></li>
<li><a href="#">Sub4</a></li>
</ul>
</li>
<li><a href="#">OM</a>
<ul>
<li><a href="#">Sub5</a></li>
<li><a href="#">Sub5</a></li>
<li><a href="#">Sub5</a></li>
</li>
</ul>

<object width="980" height="120" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="movie" value="http://kampanj.tradera.com/widget/20100702/widget.swf"/>
<param name="flashvars" value="backgroundColor=%239b00ff&foregroundColor=%23ffffff&sellerIDs=2176828"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://kampanj.tradera.com/widget/20100702/widget.swf" width="980" height="120">
<param name="flashvars" value="backgroundColor=%239b00ff&foregroundColor=%23ffffff&sellerIDs=2176828"/>
<!--<![endif]-->
<p><a href="http://www.tradera.com/category/category.aspx?ftgnr=2176828">Auktioner på Tradera</a></p>
<p><a href="http://widget.tradera.com/">Skapa din egen Tradera-widget</a></p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

</ul>

<div id="Widget">

<div id ="content"></div>
</div>

<div id="main-content">

<div id="left-col">

CSS
div#page-wrap {
width:980px;
margin: 0 auto;
}
#nav {
list-style:none;
height: 236px;
width:980px;
position:relative;
line-height:1.4em;

}
#nav li {
width: 136px;
float:left;
font-size: 1.4em
text-align:center;
}
#nav a {
height:1.5em;
display:block;
text-decoration:none;
color:#000;
background:#deeef2;
margin-top: 110px;
margin-bottom: 15px;
color: black;
padding-top: 2px;
font-weight: bold;
position: center;
}
#nav a:active, #nav a:focus, #nav a:hover {
color: red;
background:#deeef2;
}
/* --------- Sub Nav --------- */

#nav li.current ul {
left:0;
}

#nav ul {
position:center;
left: 0em;
width:980px;
list-style:none;
padding:.5em 0 0;
margin-right: 100px;

}
#nav ul li {
width:auto;
margin:0 15px 0 0;
}
#nav ul a {
font-size:80%;
height:0x;
padding:1px;
margin:1px;
}
#nav li:active ul, #nav li:hover ul {
color:red;
left:0;
background:#deeef2;
}

div#widget {
width: 980px;
height: 120px;
margin-right: 50px;


   
Citera
Ämnesetiketter

Nu har jag inte tittat på din kod så noga med har du kollat så att det inte saknas något tecken i någon tag?
Det brukar kunna ställa till endel knasigheter.


   
SvaraCitera

html måste va de fulaste språket nånsin, ser inte ett skit


   
SvaraCitera
Ämnesstartare

mrman:

Nu har jag inte tittat på din kod så noga med har du kollat så att det inte saknas något tecken i någon tag?

Kan inte se att jag glömt något sådant.


   
SvaraCitera
Ämnesstartare

Tickstart:

html måste va de fulaste språket nånsin, ser inte ett skit

Jag ser inget heller, därför det krånglar för mig.


   
SvaraCitera
Ämnesstartare

När jag ändrar bredden till 0px under #nav li läggar sig flash elementet nästan i rätt position. problemet nu blir att menytexten trycks ihop jättemycket.

#nav li {
height: 15px;
width: 0px;
float:left;
font-size: 1.1em;
text-align:center;
padding: left;


   
SvaraCitera

Kolla på detta sätt att använda position ist.

http://htmldog.com/guides/cssadvanced/layout/


   
SvaraCitera
Ämnesstartare

Enfeeble:

Kolla på detta sätt att använda position ist.

http://htmldog.com/guides/cssadvanced/layout/

Ska kika på det om en stund i fall jag orkar, annars imorgon.


   
SvaraCitera

My dreams are her:

Ska kika på det om en stund i fall jag orkar, annars imorgon.

Det mesta ordnar sig ifall man förstår sig på det. ^^


   
SvaraCitera
Ämnesstartare

Enfeeble:

Det mesta ordnar sig ifall man förstår sig på det. ^^

Det brukar vara så.


   
SvaraCitera
Ämnesstartare

Nu fick jag flashelementet i den position jag vill ha det. Återkommer om jag stöter på fler problem med menyn.


   
SvaraCitera

Du behöver en monoidal endofunktor, och möjligtvis även existentiellt kvantifierade typer, för att lösa ditt problem.


   
SvaraCitera
Ämnesstartare

Gentlernen:

Du behöver en monoidal endofunktor, och möjligtvis även existentiellt kvantifierade typer, för att lösa ditt problem.

Suck.


   
SvaraCitera
Ämnesstartare

Jag fixat så att menyn bara syns när jag hovrar, men undermenyn går inte att klicka på. Man hinner inte klicka innan den försvinner: Hur löser jag det då?


   
SvaraCitera
Ämnesstartare

[smile][smile]


   
SvaraCitera