WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS problem med meny (https://www.wn.se/forum/showthread.php?t=35374)

Firekicker 2009-02-25 16:00
Hej Jag har problem med menyn får inte till det att det skall visas som jag vill..

1. kolla in http://jbnmedia.org/~sdhf/home/index.php?id=1
För musen över föreningen..

2. Går det att få till att tex huvudmeny valet
ex att Föreningen ligger kant i kant med början på undermenylistan ?

Föreningen
-------------
Histora
Styrelsen
-------------
istället för

___Föreningen
-------
Histora
Styrelsen
-------

3. Huvudmenyvalen rätt storlek mellan valen.
ex
Start__Föreningen__Nyheter__Kontakta oss

istället för
Start____Föreningen__Nyheter____Kontakta oss


Någom som vet hur man gör med css koden ?


Min css kod:


Kod:
body {
  font-family: arial, helvetica, serif;
}
 
#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}
 
.top {
background-color: transparent;
border:0px solid #000000;
 
}
.topa {
color:#000000;
text-decoration:none;
font-size:14px;
 
}
 
#nav a {
  display: block;
  width: 5em;
 
}
.spota {
color:#000000;
text-decoration:none;
font-size:12px;
}
 
#nav li {
  float: left;
  width: 6em;
}
 
#nav li a:hover {
color:#000000;
background: transparent;
}
 
 
#nav li ul {
  position: absolute;
  background:#ffffff;
  width: 5em;
  left: -999em;
  border:1px solid #cccccc;
}
 
#nav li ul ul {
  margin: -1em 0 0 6em;
}
 
#nav li ul ul ul {
  margin: -1em 0 0 6em;
}
 
#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
 
}
 
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
 
}
 
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul {
  left: -999em;
 
}
 
#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
}
 
#nav ul li:hover ul, #nav ul li.sfhover ul {
  left: auto;
}
 
#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {
  left: auto;
}
 
#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul {
  left: auto;
}

taz76 2009-02-25 16:17
det första du bör göra iaf är att ha en korrekt sida.. längst upp i källkoden finns en doctype till html4.01... sedan head-tagg, body och sen splatt mitt i tabellen kommer en ny doctype med xhtml och head-tagg (igen).. ;)

Firekicker 2009-02-25 17:26
hoppsan.. =) Det fanns i meny.php som är includad. nu är det fixat men du eller ingen annan som har en lösning på mitt problem ?

Christos 2009-02-25 17:42
Problemet ligger inte i din css utan inne i själva koden.
Så här ser det ut: <span style="padding-left: 25%;"> Föreningen </span>

Ta bort style="padding-left: 25%;" så ska det nog gå bra.

Vad gäller mellanrummet kan du leka lite med float och display:inline ... även margin.

Firekicker 2009-02-25 20:55
okej tack skall försöka.=)

vad gäller padding-left: 25% fungerade det .=)

Firekicker 2009-02-25 21:26
så nu är också problem nr 3 fixat. men problem 1 kvarstår. undermenyn kommer bredvid nu istället.

Firekicker 2009-02-25 21:28
Alltså problemet som kvarstår är

1. kolla in http://jbnmedia.org/~sdhf/home/index.php?id=1
För musen över föreningen.. undermenyn kommer bredvid.

Koden ser nu ut så här..

Kod:
body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-image: url(bkg.png);
        font-family: arial, helvetica, serif;
}

.style2 {color: #000000;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}
.style38 {font-size: 12px}
.style40 {font-size: 10px}
.style42 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }


#nav, #nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1.1;

}

.top {
background-color: transparent;
border:0px solid #000000;
display: inline;
margin: 5px;

}
.topa {
color:#000000;
text-decoration:none;
font-size:14px;

}

#nav a {
        display: inline;
}
.spota {
color:#000000;
text-decoration:none;
font-size:12px;
margin: 5px;
}

#nav li {
        float: left;

}

#nav li a:hover {
color:#000000;
background: transparent;
}


#nav li ul {
        position: absolute;
        background:#ffffff;
        width: 5em;
        left: -999em;
        border:1px solid #cccccc;
}

#nav li ul ul {
        margin: -1em 0 0 6em;
}

#nav li ul ul ul {
        margin: -1em 0 0 6em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
        left: -999em;
       
}

#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
        left: -999em;
       
}

#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul {
        left: -999em;
       
}

#nav li:hover ul, #nav li.sfhover ul {
        left: auto;
}

#nav ul li:hover ul, #nav ul li.sfhover ul {
        left: auto;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {
        left: auto;
}

#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul {
        left: auto;
}

Firekicker 2009-02-25 21:42
Hur får jag ner menyn igen under valet och rutan anpassas efter undermeny texten ?

Firekicker 2009-02-25 22:38
Jag fick ner undermenyrutan...

Hur kan man anpassa rutan undermeny texten ?


Alla tider är GMT +2. Klockan är nu 13:25.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson