Permalänk
Medlem

Behöver hjälp med webdesign

håller på med ett projektarbete och behöver hjälp med en grej..

i länken nedanför kan ni se hemsidan som vi har gjort. Om ni kollar på menyn så kan ni se att när man trycker ned en undermeny så blir det fel när man för musen över en knapp. Vi hade tänkt att det skulle vara likadant som i "huvudmenyn" fast med en grön bild i stället (den som kommer fram till vänster när man för musen över undermenyn).

Vi skulle alltså behöva hjälp med kodningen för menyn, och jag tänkte att någon här på sweclockers kanske kunde hjälpa oss.

här är css koden för menyn:

#menycontainer{margin-left: 0em; width: 220px; font-size: 120%; border-top: 0px solid #cccccc; border-left: 0px solid #CCCCCC; border-right: 0px solid #cccccc; border-bottom: 0px solid #CCCCCC;}

#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block; margin: 0; padding: 0em; background: transparent url(knapp.png); padding: 0em; text-decoration: none; height: 40px; border-bottom: 0px solid #cccccc;}
#meny ul{list-style-type: none;}
#meny ul a{margin: 0; padding: 0em; background: transparent url(underknapp.png);}

#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: transparent url(knapp2.png);}
#meny a#current{background: transparent url(knapp2.png);}
#meny a#subcurrent{background: transparent url(underknapp2.png);}
#meny ul:hover{background: transparent url(underknapp2.png);}

här är en lnk till sidan:
https://files.itslearning.com/data/1278/13826/Projektarbete/i...

fick det här tipset av en på swebits men jag fattar inte hur han menar:

Citat:

Felet är orsakat av att du inte varit tillräckligt specifik om vad du vill ha i CSS koden. Exempelvis så har du skrivit att alla länkar som finns i ett ul-element inom #meny ska ha en speciell bakgrund, d.v.s. alla länkar inom den selektorn kommer att få det oavsett ifall länken är i undermenyn eller i huvudmenyn.

För att lösa detta problem måste du specificera dig lite bättre när du skriver selektorer. Exempelvis för att få alla länkar som är i huvudmenyn att ha något specifikt men inte i undermenyn så kan du skriva selectorn ungefär så här:

Kod:
#meny > ul > a

Koden säger åt CSS att enbart välja länkar som är ett direkt barn till ett ul-element som är ett direkt barn till #meny. Eller så kan du helt enkelt ge undermenyn en klass och säga så här:

Kod:
#submeny ul {
background-image: none;
}

Koden är enbart ett exempel, du måste anpassa den efter din kod.

Hoppas någon har ett svar på vad som kan göras!:)

Visa signatur

e6850 || bfg 8800gts 512 || CORSAIR 2GB DDR2 Heatzink (x 2) || GIGABYTE GA-P35-DS4 P35 S-775 RAID GBLAN ATX || CORSAIR HX 620W NÄTDEL || WESTERN DIGITAL CAVIAR SE16 500GB SATA || SAMSUNG DVD±R/RW/RAM DL 20X SATA BULK SVART || Antec Nine Hundred || SAMSUNG SYNCMASTER 226BW 22# WIDE TFT SVART

Permalänk
Hedersmedlem

Jag kan hjälpa dig..

Med att flytta tråden till rätt plats.

*tråd flyttad*

Permalänk
Medlem

Är lite suddig i ögonen just nu men det du måste göra är att specificera vad som ska hända med listor som är inuti andra listor.

Så kika i din stilmall,
#meny ul ul kommer att sätta regler för listor i listor.
#meny ul ul li kommer att sätta regler för dina listitems i listan som är innanför en annan lista.
Du behöver alltså lägga till dessa för att kunna styra dina underlistor.

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Permalänk
Medlem

tack för svaret men jag fattar fortfarande inte riktigt hur jag ska sätta in det i koden... finns det inte ngn som faktiskt orkar skriva in det i koden? har väntat på ett riktigt bra svar nu ett tag men alla svar jag har fått har varit kortfattade och eftersom jag inte är så bevandrad i webdesign så fattar jag inte riktigt hur jag ska göra... hade varit riktigt skönt att äntligen få ett bra svar!:)

Visa signatur

e6850 || bfg 8800gts 512 || CORSAIR 2GB DDR2 Heatzink (x 2) || GIGABYTE GA-P35-DS4 P35 S-775 RAID GBLAN ATX || CORSAIR HX 620W NÄTDEL || WESTERN DIGITAL CAVIAR SE16 500GB SATA || SAMSUNG DVD±R/RW/RAM DL 20X SATA BULK SVART || Antec Nine Hundred || SAMSUNG SYNCMASTER 226BW 22# WIDE TFT SVART