Avatar billede affe Nybegynder
14. maj 2002 - 20:18 Der er 47 kommentarer og
1 løsning

Baggrundsfarve i CSS

Hejsa

Jeg sidder og prøver at lave nogle links i CSS.
Indtil vidre ser det sådan her ud:
a:hover {
font-family: Arial;
font-size: 11px;
color: #009933;
background-color: #FC9804
}

Hvorfor er det kun lige omkring teksten der bliver en anden baggrund? Den fylder ikke hele "tabbelen ud"
Altså jeg har lavet det inde i en tabel, men farven burde da fylde hele hullet ud med farve, ligesom den f.eks gør med
h1 {
Background-color: #000000;
color: #FFFFFF
}

??

Hvorfor?!

Kan man ikke lave det!?
Avatar billede kimiwan Nybegynder
14. maj 2002 - 20:22 #1
Sæt background-color'en på td tagget i stedet
Avatar billede affe Nybegynder
14. maj 2002 - 20:24 #2
Ehm hvordan gør jeg så, så når jeg kører over teksten så skifter den farve??!
Avatar billede spyro.dk Nybegynder
14. maj 2002 - 20:37 #3
du sætter dette ind i din css
A:link {text-decoration: none; color: #ffddaa;}
A:visited {text-decoration: none; color: #daa700;}
A:active {text-decoration: none; color: #ddaaff;}
A:hover {text-decoration: none; color:#700dda;}
det er til at bestemme farver på dine link med og om der skal værer en streg  under dem
mvh spyro.dk
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 08:01 #4
Du skal have dette med i a:link (måske også a:hover - kan ikke huske det):

display: block
Avatar billede affe Nybegynder
15. maj 2002 - 11:50 #5
Spyro -> Det skal så baggrunden skifter farve når jeg kører markøren over!!
Avatar billede ckh Nybegynder
15. maj 2002 - 11:53 #6
Mener du som jeg bruger det her? :

http://www.sid-post.dk/
Avatar billede affe Nybegynder
15. maj 2002 - 11:56 #7
Faktisk ja :)
Avatar billede ckh Nybegynder
15. maj 2002 - 11:57 #8
Jamen du er velkommen til at lure koden. Det er inline-CSS (skal ikke bruges så længe). Der er altså en del overflødig kode fordi CSS´en er forberedt til noget jeg sidder og arbejder på  :)
Avatar billede affe Nybegynder
15. maj 2002 - 11:59 #9
Jeg må sq nok inddrømme jeg ikke kan lure din kode :)
Har lige set på det, syns det er MEGET rodet? Ellers er hjemmesiden cewl, men koden ser da for vild ud?
Avatar billede ckh Nybegynder
15. maj 2002 - 12:03 #10
Tror faktisk kun det er disse to CSS-bestemmelser der laver det. Kan sq dårligt huske det:

a {
color: black;
font-size: 10px;
font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
background-color: #ffff99;
padding: 3px;
border: solid 1px black
}
a:hover {
background-color: #f93
}

Og du har fuldstændig ret, det ser enormt rodet ud
Avatar billede ckh Nybegynder
15. maj 2002 - 12:04 #11
Og også forkert opdager man sq lige. Der mangler nogen ;  Once again :)

a {
color: black;
font-size: 10px;
font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
background-color: #ffff99;
padding: 3px;
border: solid 1px black;
}
a:hover {
background-color: #f93;
}
Avatar billede affe Nybegynder
15. maj 2002 - 12:05 #12
Kanont ckh, det begynder at blive derhen ad :)
Kan man så ikke lave så den altid har et vist antal pixels i længde med de der "knapper" ?? !
Det må man kunne?!!
Avatar billede affe Nybegynder
15. maj 2002 - 12:06 #13
ckh det er ligemeget når man lukket tagget med }
Avatar billede ckh Nybegynder
15. maj 2002 - 12:08 #14
Mon ikka man så bliver nodt til at sætte henvisningerne ind i en <table> med fast bredde på felterne. Hvis det skal defineres i CSS ville jeg benytte abolut positionering, og så kan det sq godt blive lidt langhåret
Avatar billede affe Nybegynder
15. maj 2002 - 12:10 #15
Hmm.. Tror det har noget med
padding: 3px;
At gøre..
Læser lige lidt om det..
Anyways, du hjalp mig da lidt på vej ckh :)
Thx
Svar eventuelt?
Avatar billede ckh Nybegynder
15. maj 2002 - 12:10 #16
Glad for du kunne bruge det  :)
Avatar billede ckh Nybegynder
15. maj 2002 - 12:12 #17
Padding definerer en margen på 3px hele vejen "rundt" om teksten. Den kan gøres større ellem mindre individuelt på alle 4 sider
Avatar billede affe Nybegynder
15. maj 2002 - 12:13 #18
Hm
Hvad er command for at gøre paddingen længere?
Altså så den laver den længere og IKKE højere ? :)
Avatar billede ckh Nybegynder
15. maj 2002 - 12:14 #19
prøv

padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;

Tro det ville gøre noget lignende
Avatar billede ckh Nybegynder
15. maj 2002 - 12:15 #20
altså istedet for:

padding : 3px;
Avatar billede affe Nybegynder
15. maj 2002 - 12:15 #21
Du er en gud :)~
Avatar billede affe Nybegynder
15. maj 2002 - 12:15 #22
thx!
Avatar billede ckh Nybegynder
15. maj 2002 - 12:16 #23
Tak for points  :)
Avatar billede affe Nybegynder
15. maj 2002 - 12:20 #24
Argh..
Lige 1 mere :)
Jeg glemte jo, at den propper bare 10 px på for hvert ord, så man kan ikke lave en slags menu, uden den kommer til at se weird ud !!
http://superq.dk/gz
Det er noget hen ad det jeg godt ville lave!!
Det andet kan også bruges, men kan man lave det der rimelig nemt??!
Avatar billede ckh Nybegynder
15. maj 2002 - 12:26 #25
Her har du den kode han bruger:

a.menupunkt {
    text-decoration: none;
    background-color: #;
    color: #294e4e;
    border-left : 1px solid #FFFFFF;
    display: block;
    line-height: 16px;
    width:99%;
    font-family : verdana;
    font-size : 11px;}

a.menupunkt:hover {
    text-decoration: none;
    background-color: #336666;
    color: #ffffff;
    border-left : 1px solid #FFFFFF;
    display: block;
    line-height: 16px;
    width:99%;
    font-family : verdana;
    font-size : 11px;}
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 12:55 #26
Kan I så se at det er display: block; der gør tricket - ganske som jeg sagde :o)
Avatar billede affe Nybegynder
15. maj 2002 - 13:54 #27
Hvordan definerer jeg så at de links jeg laver skal være menupunkter?
Hvordan laver man det ? :)
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 13:58 #28
?? Jeg forstår ikke hvad du mener.

Du laver smider dit link (a href..) i en celle, og tilføjer den celle din class for menu.
Avatar billede affe Nybegynder
15. maj 2002 - 13:59 #29
Aha !
Ok, så forstår jeg :)
Tak pelkjaer!
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:11 #30
Her er et lille eksempel til dig - lidt mere spændende et det andet synes jeg :o)

http://www.peterelkjaer.dk/pecms/menu.html
Avatar billede affe Nybegynder
15. maj 2002 - 14:13 #31
LIge en fortsættelse på spg.
border-left : 1px solid #FFFFFF;
Hvordan får man double?
Og man kan også få dotted, ik'?

Gider i ikke skrive den command til Double!? I stedet for solid, har prøvet double, syns ikke det virker :(
Avatar billede affe Nybegynder
15. maj 2002 - 14:15 #32
Ahh det er nice Pelkjaer :D
Du er for syg til det der hjemmeside crap :)
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:21 #33
Du skal nok bare ændre farverne lidt, ellers ligner det for meget mit her http://www.peterelkjaer.dk/pecms/
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:22 #34
Hvis du vil ha "double" skal den stadig hedde solid, blot med 2px istedet for 1px.
Avatar billede affe Nybegynder
15. maj 2002 - 14:23 #35
Æv..
Troede man kunne lave det lissom en streg under facit i matematik :(
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:24 #36
Så laver du da bare 2 tabeller uden om:)
Avatar billede affe Nybegynder
15. maj 2002 - 14:27 #37
Ahh :)
Btw pelkjaer, alt det du kan, er det selvlært eller hvad?
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:29 #38
Jep det er selvlært :o) Tak btw.
Avatar billede affe Nybegynder
15. maj 2002 - 14:34 #39
:)
Du er sq da for syg til det..
Sidder her og bøvler i mit klamme design, så ser man din side, og så mister man sq helt lysten :)
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:36 #40
Well vi er jo alle startet et sted ikke?

Jeg sidder fx. pt. og bander og svovler over noget asp.NET - sådan er det :)
Avatar billede affe Nybegynder
15. maj 2002 - 14:37 #41
:)
Hvor længe har du lavet hjemmesider?
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:38 #42
Siden april sidste år, så det er ikke så længe endda.
Avatar billede affe Nybegynder
15. maj 2002 - 14:39 #43
Wow..
Ej det er ikke længe..
Har du læst dig til det så eller?
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:41 #44
Næ..ikke rigtigt. I Dreamweaver har man jo et fedt værktøj, og med MX er kodedelen også blevet fed.

Det gælder sq' bare om at bikse en masse sider sammen, så bliver man bedre og bedre ligesom med alt andet.
Avatar billede affe Nybegynder
15. maj 2002 - 14:42 #45
Er MX ude i fuld version!?
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:43 #46
Ja fuld, men ikke endelig, den har stadig lidt bugs.
Avatar billede affe Nybegynder
15. maj 2002 - 14:44 #47
K.
Endnu engang tak for hjælpen Pelkjaer..
Jeg forsøger mig lidt frem, det sværeste kan være at finde de rigtige farver!
Avatar billede pelkjaer Nybegynder
15. maj 2002 - 14:44 #48
Velbekomme.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester