html - Problemer med CSS - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css html

<< < 1 2 3 > >>

Bruger #17198 @ 08.01.13 11:21

Hej med jer! (:

Jeg er efterhånden nået et stykke vej med min hjemmeside, men er stødt på et problem. Da jeg ikke rigtig vidste hvordan jeg kunne style min menu bar, fandt jeg et eksempel på nettet der kunne præcis det jeg ville have. Problemet med denne er så, at man laver det med inline css styling, hvilket ikke svarer overens med min anden styling. Dette har ikke givet mig problemer før jeg ville lave en unorderet list med links i, og de så blev stylet med samme styling som min menubar

Er der nogen der kan hjælpe mig med dette problem? (:

Mvh. Nicklas

22 svar postet i denne tråd vises herunder
6 indlæg har modtaget i alt 8 karma

Sorter efter stemmer Sorter efter dato

Bruger #13010 @ 09.01.13 12:09

440

Det skulle ikke være nødvendigt at tilføje en class til hver link.
Men du kan da godt gøre det.

Jeg gør sådan her.

HTML kode

 <div class="dropdownmenu">
 
          <ul class="ulpunkta">
 
             <li>
                <a>Hovedmenu</a>
                <ul class="ulpunktb">
                   <li><a href="x" title="x">x</a></li>
                   <li><a href="x" title="x">x</a></li>
                   <li><a href="x" title="x">x</a></li>
                   <li><a href="x" title="x">x</a></li>
                   <li><a href="x" title="x">x</a></li>
                </ul>
             </li>

CSS kode

 .dropdownmenu a {
    font-size: 11px;
    cursor: pointer;
 }

Indlæg senest redigeret d. 09.01.2013 12:14 af Bruger #13010

Bruger #17081 @ 10.01.13 23:25

1.258

det har garanteret noget med cacheing, at gøre, prøve, at rydde den

Bruger #16678 @ 08.01.13 12:34

281

Du kan give din liste en class.

eks:

HTML kode

 <ul class="klasseher"><li></li></ul>

Held og lykke!

Bruger #16678 @ 08.01.13 13:10

281

Jep, så definere du classen således:

CSS kode

 ul.klasseher {
  /*Style her*/
 }

Bruger #16678 @ 09.01.13 10:05

281

Nååår.

Så giver du bare dit <a> tag en class på samme måde som du gjorde med dit <ul>

Bruger #13010 @ 16.01.13 10:59

440

Brug http://jigsaw.w3.org/css-validator/validator.html.en til at valider CSS kode.

Bruger #17198 @ 08.01.13 13:02

Skal jeg da definere denne class i mit CSS dokument? Min style er som følgende:

CSS kode

 ul
 {
 list-style-type:none;
 margin:0;
 padding:0;
 }
 a:link,a:visited
 {
 display:block;
 font-weight:bold;
 color:#FFFFFF;
 background-color:#C0C0C0;
 width:130px;
 text-align:center;
 padding:10px;
 text-decoration:none;
 text-transform:uppercase;
 }
 a:hover,a:active
 {
 background-color:#808080;
 }

Eller skal jeg lade den stå i head'eren, og så putte et punktum før ul, og så lave den der class?

Og tusind tak!

Indlæg senest redigeret d. 08.01.2013 13:11 af Bruger #17198

Bruger #17198 @ 08.01.13 13:15

Endnu en gang tusind tak!

Men jeg må have lavet en fejl, for det virker ikke. Jeg har skrevet det sådan her i min CSS dokument:

CSS kode

 ul.klasseher {
 ul
 {
 list-style-type:none;
 margin:0;
 padding:0;
 }
 a:link,a:visited
 {
 display:block;
 font-weight:bold;
 color:#FFFFFF;
 background-color:#C0C0C0;
 width:130px;
 text-align:center;
 padding:10px;
 text-decoration:none;
 text-transform:uppercase;
 }
 a:hover,a:active
 {
 background-color:#808080;
 }
 }

Kan du umilbart se en fejl her? (:

Nu fik jeg det faktisk til at virke (: Men skal man kun definere denne inde i menubar div'en på i mit css dokument hvis den kun skal virke der? For den bliver ved men at lave samme layout hvis jeg laver en <ul> med links i mit textarea (:

Indlæg senest redigeret d. 08.01.2013 13:28 af Bruger #17198

Bruger #16678 @ 08.01.13 16:54

281

Altså, du skal definere en class på din <ul> hvis du vil have stylingen hvor du har skrevet ul.klasseher til at påvirker den, hvis det giver mening?

Bruger #17198 @ 08.01.13 18:38

min menubar er selvfølgelig laves som en <ul>, og den har jeg lavet på følgende måde:

HTML kode

 <ul class="ul.klasseher><li></li></ul>"

Men hver gang jeg laver et link bliver det stylet på samme måde.

Hvad tror du fejlen er?

<< < 1 2 3 > >>

Problemer med CSS

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler