/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Bedst måde at bruge billeder som over
Fra : Joe


Dato : 27-07-05 11:07

I øjeblikket genere jeg overskrifter via php for at få dem til at se
lidt smartere ud. I brugervenlighedens navn vil jeg dog gerne have at
man skal kunne læse min side hvis man ikke kan se billeder med sin
browser(eller har slået dem fra.)

I øjeblikket bruger jeg denne løsning:

<h1><img alt="overskrif" title="overskrif" src="pic.png" /><span
style="display:none">overskrift</span></h1>

Løsningen fungere fint hvis browseren ikke kan finde billedet, da
browseren så viser alt teksten. (Det virker dog bedst i FF da den blæser
alt teksten op til H1, i modsætning til IE der viser et lille ikon og
alm. tekst)

Hvis jeg slå CSS fra kommer overskriften som forventet både som billede
og tekst, og tekste kommer som forventet 2 gange hvis browseren ikke kan
finde billedet.

Det er selvfølgelig lidt irreterende at overskriften kommer 2 gang uden
CSS, men det er selvfølgelig bedren end at den slet ikke kommer.

Er det ok at nøjes med alt/ titel atributterne i ens image tags som
overskrift hvis billedet af en eller anden grund ikke vises sådan rent
brugervenlighedsmæssigt?

Jeg har en mistanke om at <span style="display:none">overskrift</span>
er overkill, men er der en smartere måde at løse problemet på?

Jeg vil så vidt mulig undgå alt for meget inline CSS i XHTML coden, så
løsningen skulle gerne kunne implementeres så man stadig kan holde CSS
adskilt i et dokument for sig selv.

VH Joe

 
 
Bertel Lund Hansen (27-07-2005)
Kommentar
Fra : Bertel Lund Hansen


Dato : 27-07-05 13:06

Joe skrev:

>I øjeblikket bruger jeg denne løsning:

><h1><img alt="overskrif" title="overskrif" src="pic.png" /><span
>style="display:none">overskrift</span></h1>

>Er det ok at nøjes med alt/ titel atributterne i ens image tags som
>overskrift hvis billedet af en eller anden grund ikke vises sådan rent
>brugervenlighedsmæssigt?

Ja, det er det der er planen. Alt-teksten skal dukke op hvis
billedet ikke vises, og title skal dukke op hvis man peger på
billedet (eller alt-teksten).

>Jeg har en mistanke om at <span style="display:none">overskrift</span>
>er overkill, men er der en smartere måde at løse problemet på?

Hvilket problem? Hvis du bruger alt og intet ... øh jeg mener
title, er der ikke noget problem.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

Erik Ginnerskov (27-07-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-07-05 22:43

Bertel Lund Hansen wrote:
>> Jeg har en mistanke om at <span
>> style="display:none">overskrift</span> er overkill, men er der en
>> smartere måde at løse problemet på?
>
> Hvilket problem? Hvis du bruger alt og intet ... øh jeg mener
> title, er der ikke noget problem.

Jo, der er et problem - og det hedder søgemaskiner. Uden en tekstbaseret
overskrift vil siden ikke blive indekseret optimalt.

Man kan bruge billeder til topbar/logo, men det må frarådes til
overskrifter.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Kristian Thy (28-07-2005)
Kommentar
Fra : Kristian Thy


Dato : 28-07-05 22:21

Quoth Erik Ginnerskov:
> Bertel Lund Hansen wrote:
>> Hvilket problem? Hvis du bruger alt og intet ... øh jeg mener
>> title, er der ikke noget problem.
>
> Jo, der er et problem - og det hedder søgemaskiner. Uden en tekstbaseret
> overskrift vil siden ikke blive indekseret optimalt.

Jeg ville tro at Google indekserer alt-attributter - ellers kan jeg ikke
se hvordan ting som Google Image Search virker.

\\kristian
--
"Power is only given to the man who dare stoop to pick it up. Nothing
more is needed, except courage. From the moment this truth had dawned
upon me - a truth as clear as the light of the sun - I longed to dare,
and I committed murder."

Allan Vebel (28-07-2005)
Kommentar
Fra : Allan Vebel


Dato : 28-07-05 23:04

Kristian Thy <thy@itu.dk> skrev:

> Jeg ville tro at Google indekserer alt-attributter

Ja, men ikke title="Tekst til billedet" sat på <img>.

--
Allan Vebel
http://html-faq.dk



Johnny Winther Ronne~ (30-07-2005)
Kommentar
Fra : Johnny Winther Ronne~


Dato : 30-07-05 00:50

In news:<42e9563b$0$18649$14726298@news.sunsite.dk>
Allan Vebel typed:
> Kristian Thy <thy@itu.dk> skrev:
>
>> Jeg ville tro at Google indekserer alt-attributter
>
> Ja, men ikke title="Tekst til billedet" sat på <img>.

Nej, men der var klogt nok anvendt både livrem og seler, så både alt og
title var brugt samtidig. Jeg er nu ikke sikker på at title på et images
er validt.

Med venlig hilsen
Johnny Winther Ronnenberg

--
Internettet er for alle!
http://80.62.61.212/webuseability/index.asp



Knud Gert Ellentoft (30-07-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 30-07-05 01:02

Johnny Winther Ronnenberg skrev:

>Jeg er nu ikke sikker på at title på et images
>er validt.

Det er fuldt valid på alle tags.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Allan Vebel (30-07-2005)
Kommentar
Fra : Allan Vebel


Dato : 30-07-05 01:16

Johnny Winther Ronnenberg skrev:

> var klogt nok anvendt både livrem og seler, så både
> alt og title var brugt samtidig.

Det er også klogt nok. Jeg har skrevet lidt om det på
http://html-faq.dk/2020.asp

--
Allan Vebel
http://html-faq.dk



Claus Jacobsen (27-07-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 27-07-05 17:06

Joe skrev:

> I øjeblikket genere jeg overskrifter via php for at få dem til at se
> lidt smartere ud. I brugervenlighedens navn vil jeg dog gerne have at
> man skal kunne læse min side hvis man ikke kan se billeder med sin
> browser(eller har slået dem fra.)
>
> I øjeblikket bruger jeg denne løsning:
>
> <h1><img alt="overskrif" title="overskrif" src="pic.png" /><span
> style="display:none">overskrift</span></h1>
>
> Løsningen fungere fint hvis browseren ikke kan finde billedet, da
> browseren så viser alt teksten. (Det virker dog bedst i FF da den
> blæser alt teksten op til H1, i modsætning til IE der viser et lille
> ikon og alm. tekst)
>
> Hvis jeg slå CSS fra kommer overskriften som forventet både som
> billede og tekst, og tekste kommer som forventet 2 gange hvis
> browseren ikke kan finde billedet.
>
> Det er selvfølgelig lidt irreterende at overskriften kommer 2 gang
> uden CSS, men det er selvfølgelig bedren end at den slet ikke kommer.
>
> Er det ok at nøjes med alt/ titel atributterne i ens image tags som
> overskrift hvis billedet af en eller anden grund ikke vises sådan
> rent brugervenlighedsmæssigt?
>
> Jeg har en mistanke om at <span
> style="display:none">overskrift</span> er overkill, men er der en
> smartere måde at løse problemet på?
>
> Jeg vil så vidt mulig undgå alt for meget inline CSS i XHTML coden,
> så løsningen skulle gerne kunne implementeres så man stadig kan holde
> CSS adskilt i et dokument for sig selv.
>
> VH Joe

Det her er der faktisk skrevet spalte op og ned om på en hel del blogs!
Du kan søge på fahrner image replament for eksempel, så skuller der
gerne en del op, men ellers vil jeg råde dig til at lede i gemmerne på
www.mezzoblue.com, www.simplebits.com, www.meyerweb.com,
www.stopdesign.com etc. (og i deres link rotationer!) Der er tonsvis af
information, og blandt andet måder man kan gøre det med Flash, så man
kan bruge en hvilken som helst font. Desuden er en stor del af de
headers der er at finde på www.csszengarden.com lavet med en eller
anden imagereplacement teknik.


Claus

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste