Menydesign - Joomla! Forum - community, help and support
jeg jobber med en site hvor jeg har 2 ønsker jeg ikke vet helt hvordan jeg skal løse:
1. jeg ønsker å ha et fast element forran hvert menypunkt, det skal være en '»'. er det mulig å få til dette uten å legge inn en bakgrunn css eller å sette den inn på navnet på menylinken?
2. når brukeren er klikker på en link skal den få en farge som illustrer @ det er denne siden brukeren er på, helt til han/hun da klikker på en ny link, da skal den få den fargen å illustrere @ brukeren er på den siden. finnes det noen god løsning på dette?
et lite tilleggspunkt, jeg har satt opp følgende css-en min:
dette gjør blant annet @ når brukeren fører musen on linken blir det en bakgrunnsfarge fra kant til kant på menyen. problemet mitt er @ jeg skulle ønske jeg kunne sette width: 100%, fordi safari og firefox ser litt forskjellig på bredden med et par pixler og det er ikke så bra designet mitt. er det noen som har en løsning hvor jeg slipper å sette absolutt bredde? dere kan se siden på http://plasto.engen.no.
det er jo også et annet spm jeg har, det er en hvit ramme rundt hele innholdet mitt som jeg så gjerne skulle blitt kvitt, har prøvd alt av css-endringer og gjennomgang av html osv osv, men får ikke bort den kanten, forslag?
setter stor pris på tilbakemelding!
1. jeg ønsker å ha et fast element forran hvert menypunkt, det skal være en '»'. er det mulig å få til dette uten å legge inn en bakgrunn css eller å sette den inn på navnet på menylinken?
2. når brukeren er klikker på en link skal den få en farge som illustrer @ det er denne siden brukeren er på, helt til han/hun da klikker på en ny link, da skal den få den fargen å illustrere @ brukeren er på den siden. finnes det noen god løsning på dette?
et lite tilleggspunkt, jeg har satt opp følgende css-en min:
code: select all
a.mainlevel_hovedmeny:link, a.mainlevel_hovedmeny:visited {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #68676c;
line-height: 1.8em;
padding-left: 10px;
padding-bottom: 2px;
padding-top: 2px;
display: block;
width: 157px;
height: 18px;
}
a.mainlevel_hovedmeny:hover {
text-decoration: none;
color: #333;
}
table.moduletable_hovedmeny td {
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 1.5 em;
text-align: left;
}
table.moduletable_hovedmeny td a:hover {
background-color: #efefef;
}
dette gjør blant annet @ når brukeren fører musen on linken blir det en bakgrunnsfarge fra kant til kant på menyen. problemet mitt er @ jeg skulle ønske jeg kunne sette width: 100%, fordi safari og firefox ser litt forskjellig på bredden med et par pixler og det er ikke så bra designet mitt. er det noen som har en løsning hvor jeg slipper å sette absolutt bredde? dere kan se siden på http://plasto.engen.no.
det er jo også et annet spm jeg har, det er en hvit ramme rundt hele innholdet mitt som jeg så gjerne skulle blitt kvitt, har prøvd alt av css-endringer og gjennomgang av html osv osv, men får ikke bort den kanten, forslag?
setter stor pris på tilbakemelding!
hei, punkt nummer 1 har jeg bare gjort med lister tidligere, og du kan jo endre menyen din til en "flat list". da kan du bruke noe som dette :
#meny ul li:before {
content: "\00bb \0020";
}
til nummer 2 så har jeg aktiv meny punkt alltid en id som du kan stile, hos deg så jeg den het :
id="active_menu_hovedmeny
#meny ul li:before {
content: "\00bb \0020";
}
til nummer 2 så har jeg aktiv meny punkt alltid en id som du kan stile, hos deg så jeg den het :
id="active_menu_hovedmeny
Comments
Post a Comment