Søg
Avatar billede bodil_bruun Nybegynder
12. august 2002 - 08:55 Der er 12 kommentarer og
1 løsning

a:hover og cellefarve

Jeg har et css med a:hover, så linket skifter farve. Nu overvejer jeg om det er muligt at udvide så hele cellen hvori linket står skifter baggrundsfarve. Kan det lade sig gøre ? Hvordan ?

Jeg stillede også spørgsmålet i fredags. Kan ikke finde det, så jeg går ud fra at det er væk.

bodil
Avatar billede bobbedude Nybegynder
12. august 2002 - 08:58 #1
<!-- TWO STEPS TO INSTALL CELL BG CHANGER:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<!-- Original:  Chris Chopping (scripts@site4sure.com) -->
<!-- Web Site:  http://www.site4sure.com -->

<style>
.tditem {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: gray;
}
</style>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<center>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td onmouseover="bgColor='blue'" onClick="window.location='page1.html'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center"><b><font color="#D5D5D5">
<a href="page1.html" class="tditem">
Item 1</a></font></b></td>

<td width="1" align="center">|</td>

<td onmouseover="bgColor='blue'" onClick="window.location='page2.html'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center"><b><font color="#D5D5D5">
<a href="page2.html" class="tditem">
Item 2</a></font></b></td>

<td width="1" align="center">|</td>

<td onmouseover="bgColor='blue'" onClick="window.location='page3.html'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center"><b><font color="#D5D5D5">
<a href="page3.html" class="tditem">
Item 3</a></font></b></td>

</tr>
</table>
Avatar billede pelkjaer Nybegynder
12. august 2002 - 09:00 #2
display:block gør tricket.

Kig i kilden her: http://peterelkjaer.dk/exp/css.html
Avatar billede bodil_bruun Nybegynder
12. august 2002 - 13:40 #3
Som jeg kan se så virker jeres eksempler med mus, men ikke med brug af tab-tasten. Er det muligt at udvide koden så man kan bruge tabtasten ?
bodil
Avatar billede pelkjaer Nybegynder
12. august 2002 - 15:33 #4
Ja, jeg lægger et svar iaften - har ikke tid nu.
Avatar billede knudgert Nybegynder
12. august 2002 - 19:28 #5
På http://home13.inet.tele.dk/smedpark/webhjaelp/tabel/tabelbaggrund1.htm kan du se et eksempel, der også fungerer med tabulator.
Avatar billede pelkjaer Nybegynder
12. august 2002 - 19:52 #6
Umiddelbart må jeg alligevel svare nej. Du kan ikke få hoverfarven med via tabulator tasten - heller ikke i knudgerts eksempel.

Men menuerne virker jo stadig med tabulatoren tasten - også i mit oprindelige eksempel - der er bare ingen hover.

--------------

Et eks. på hvad du ellers kan bruge dine hotkeys til:

Hvis du fx. bruger disse menuer i en dropdown sammenhæng, kan du vise skjule dem med dine hotkeys ("alt" på PC og "crtl" på Mac) med flg.

<a href"java script:;" onmouseover="something" accesskey="1" tabindex="1">link</a>

Derved kaldes dit tricker også med "alt" og "1". Sådan kan man blive ved.
accesskey="1" tabindex="2"

Det jeg lidt troede du me
Avatar billede pelkjaer Nybegynder
12. august 2002 - 19:53 #7
Nåhh. mangler lige en = i href'en :)
Avatar billede knudgert Nybegynder
13. august 2002 - 14:12 #8
Umiddelbart må jeg alligevel svare nej. Du kan ikke få hoverfarven med via tabulator tasten - heller ikke i knudgerts eksempel.

Nej, selvf. ikke, men var det, der var ?

Jeg gik ud fra, at man blot skulle kunne navigere med tabulator.
Avatar billede pelkjaer Nybegynder
13. august 2002 - 14:24 #9
Ja det tror jeg - men hvis nej så er dit eks. jo ikker spor anerledes en de andre.
Avatar billede bodil_bruun Nybegynder
13. august 2002 - 14:51 #10
Ja, det var egentlig meningen at man også ku navigere ved tab-tasten. Det kan man også, men uden hover. Det opgiver jeg.
Jeg har brugt pelkjaers tip med display block. Selvom jeg ikke kunne finde den i link-eksemplet. Tippet hjalp mig med til at finde et eksemplel et andet sted:
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
background : #999999
display:block;
width:100%;
}
-->
</style>

<table width=130>
<tr><td><a href="#" class=menu>Menupunkt 1</a></td></tr>

Nu virker det bare som om at denne css-kode overskriver den normale a:hover kode. Har du nogen erfaringer med det ?
bodil
Avatar billede pelkjaer Nybegynder
13. august 2002 - 15:16 #11
Bodil: Du kunne sikkert ikke finde det i mit kode da jeg i javascripten linker til endnu et stylesheet - vr4.css er kun til version 4 browsere.
Hent det andet her http://peterelkjaer.dk/exp/v5r.css

Til dit sidste spørgsmål - det overskriver ikke din normale hover - men hvad er det normale? Er det uden for class og id? For jeg bruger aldrig andet.
Avatar billede bodil_bruun Nybegynder
13. august 2002 - 15:34 #12
Tak
Pelkjaer dit spørgsmål om hvad det normale er inspirede mig til en lille ændring i mit css og nu virker alt.
Avatar billede pelkjaer Nybegynder
13. august 2002 - 17:58 #13
Det lyder godt :)

Og tak for point.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »