Avatar billede pnr Nybegynder
30. marts 2005 - 09:03 Der er 21 kommentarer og
1 løsning

Bruge Tabelcelle som knap

Jeg prøver så vidt muligt at undgå at bruge billeder som knapper osv. på mine sider, hvis ellers jeg kan lave det unden, er det ikke også mest optimalt?

Nu er mit problem at jeg har en knap som består af en tabel celle:

<td class="venstre_menu_blaa" style="cursor:hand" onclick="location.href='test.aspx'" onmouseover="this.style.backgroundColor='#3399CC'" onmouseout="this.style.backgroundColor='#006699'">TEST</td>

Men i alle andre browser en IE virker hånden ikke når man kør musen over knappen, hvordan kan man løse det problem?
Avatar billede fennec Nybegynder
30. marts 2005 - 09:06 #1
Prøv med pointer:
style="cursor:pointer;"
Avatar billede alister_crowley Nybegynder
30. marts 2005 - 09:07 #2
Du kan nøjes med background, backgroundColor er 5 overfølige tegn.

Har du husket valid doctype ?
Avatar billede alister_crowley Nybegynder
30. marts 2005 - 09:08 #3
ups, det var hånden den var galt med , sorry :)

OG ja, cursor: hand; er til IE 5. fra IE 6, og andre browsere benyttes pointer.
Avatar billede pnr Nybegynder
30. marts 2005 - 09:12 #4
fennec, super det virkede

Lige tilbage til det første spørgsmål, bør man ikke altid lave knapper mm. i html istedet for at bruge billeder?
Avatar billede fennec Nybegynder
30. marts 2005 - 09:21 #5
Hvis det skal være helt rigtigt skal begge på, men de skal stå i den rigtige rækkefølge, for at det virker rigtigt i gamle versioner af IE (mener det er versioner før 4.0, der er problemer med), og den kan jeg selvfølgelig ikke huske nu :(

Det er lige meget, hvordan man laver sine knapper, så længe brugeren ved at man kan trykke et sted for at udføre en funktion. En almindelig knap ved alle udfører en funktion, men et billede hvor der står "TRYK HER" ved alle også udfører en funktion.
Avatar billede alister_crowley Nybegynder
30. marts 2005 - 10:26 #6
style="cursor:hand;cursor:pointer;"

^^ den er korrekt :)
Avatar billede pnr Nybegynder
30. marts 2005 - 10:30 #7
Det jeg mente var om det ikke er mere optimalt at lave den her knap:

<td class="venstre_menu_blaa" style="cursor:hand" onclick="location.href='test.aspx'" onmouseover="this.style.backgroundColor='#3399CC'" onmouseout="this.style.backgroundColor='#006699'">TEST</td>

Frem for den her knap:
<a href="test.htm"><img src="billede.gif" style="width: 30px;height: 20px;border: 0px" alt=""></a>

De fordele jeg kan se i at undgå billeder er følgende:
* Siden bliver hurtiger at hente
* Mere venlig overfor søgemaskiner
Avatar billede fennec Nybegynder
30. marts 2005 - 11:45 #8
Det er altid hurtigere, hvis man kan undgå billeder. Men det komme også an på hvad de fylder, og hvor mange forskellige der er. Et billed bliver kun overført en gang og så genbrugt. Til en menu genbruger man ofte det samme billede som baggrund, også koster det ikke mange milisek.

Søgemaskinernes robotter er i dag meget avanceret, så hvilken metode du bruger burde være ligemeget for dem.
Avatar billede pnr Nybegynder
30. marts 2005 - 11:59 #9
Ja men søgemaskinerne kan jo ikke læse hvad der står i et billede!

Men det vil sige at du mener at man lige så godt kan billeder frem for at lave det hele i HTML?

I skal i øvrigt begge have tusind tak for jeres hjælp!
alister_crowley kan du ikke smide et svar så kan du også få lidt del i pointne!

Hvis jeg deler pointne på følgende måde er det så ok med jer?
fennec: 20 point
alister_crowley: 10 point
Avatar billede pnr Nybegynder
30. marts 2005 - 12:03 #10
hov lige et hurtigt spørgsmål: Cursor typen må den ikke defineres i min CSS fil? Min CSS editor brokker sig nemlig over den!
Avatar billede fennec Nybegynder
30. marts 2005 - 12:23 #11
Hvordan har du skrevet det i CSS'en??
Avatar billede pnr Nybegynder
30. marts 2005 - 12:52 #12
.test
{
  cursor:hand;
  cursor:pointer;
}
Avatar billede fennec Nybegynder
30. marts 2005 - 13:17 #13
Det virker fint, så måske er det din editor der ikke kan finde ud af det...
Avatar billede olebole Juniormester
30. marts 2005 - 15:17 #14
<ole>

fennec >> Hvad du skriver om hentningen af billeder er delvist korrekt. Hvis du bruger det samme billede 10 gange på en side, hentes det ganske rigtigt kun én gang - men browseren retter ikke desto mindre 10 henvendelser til serveren. Første gang hentes billedet ... de efterfølgende 9 gange checker browseren, om der skulle være en ny version tilgængelig.
Det er én af grundene til, at de store, nestede tabel-sætterkasser, man brugte op gennem 90'erne, er så ineffektive. Jeg har set eksempler på tabel-helveder med op til flere hundrede transparente giffer på én side ... hvilket altså resulterer i flere hundrede redundante serverkald pr. side.

Baggrundsbilleder kan man sagtens bruge - man skal bare huske på, de ikke bliver printet ud i en standardopsætning af de mest anvendte browsere.

pnr >> Husk, at søgemaskinerne læser dit billedes ALT-tekst - og at den i et link bliver behandlet som teksten i et rent tekstlink  ;o)

/mvh
</bole>
Avatar billede fennec Nybegynder
30. marts 2005 - 15:27 #15
olebole >>
Jeg var ikke klar over at den spurgte igen og igen på samme side. Det vil vel sige, at man kan være uheldig at hente en side, mens admin er ved at ændre designet (billeder), også få halvdelen af siden med gamle billeder og den anden med de nye. Det virker da ikke særlig smart...

Men så har jeg også lært noget idag :o)
Avatar billede pnr Nybegynder
30. marts 2005 - 15:29 #16
Hvad bliver konklusion så?

Skal man bare bruge billeder til diverse ting på siden, eller skal man forsøge at lave så meget som muligt i HTML?
Avatar billede kakao-manden Nybegynder
01. april 2005 - 17:22 #17
du skal vist bare lave cellen om til et link sådan her:

<tr>
<a href="Linket"><td>
....
</td></a>
</tr>
Avatar billede roenving Novice
02. april 2005 - 15:27 #18
>>kakao-manden

Nej, det kan man ikke, for det er direkte ulovlig kode, som vil lave alle mulige og umulige problemer i forskellige browsere !-)

Så det er rent vrøvl ...
Avatar billede fennec Nybegynder
04. april 2005 - 08:19 #19
pnr >>
Konklutionen må være at du sagtens kan bruge billeder, men i begrænset omfang. Designmæssig kan en side blive meget flottere, hvis man bruger billeder, men som olebole skriver trækker det på resurserne. Tror dog ikke du vil mærke den store forskeld medmindre du har rigtig mange besøgende, eller sidder på en modem opkobling.
Avatar billede kakao-manden Nybegynder
10. april 2005 - 16:17 #20
<td onclick="document.location.href='http://www.google.dk';">
<center><b>google</b></center></td>
Avatar billede pnr Nybegynder
11. april 2005 - 11:00 #21
Jeg må hellere få lukket den her, mange tak for jeres hjælp.
olebole: smid et svar så du også kan få del i pointne!

kakao-manden: Jeg er gald for at du prøver at hjælpe, men det kode du har smidt har ikke noget med mit spørgsmål at gøre.
Avatar billede pnr Nybegynder
13. april 2005 - 09:04 #22
Jeg mangler et svar fra olebole.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging