---

Hej igen,

Er der nogle der ved hvordan man styler knapper således at de ser
ens ud på tværs af platforme og browsere?

Bedste hilsner
Simon

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> Er der nogle der ved hvordan man styler knapper således at de ser
> ens ud på tværs af platforme og browsere?

Lav dem som billeder...?
Tror ikke at det kan lade sig gøre i ren CSS.


MVH Jonas (aka Juke)

---

Jonas Schmeltz Aaberg wrote in dk.edb.internet.webdesign.html:
> ens ud på tværs af platforme og browsere?
>
> Lav dem som billeder...?
> Tror ikke at det kan lade sig gøre i ren CSS.
>
Kast et blik på knapperne her - de er lavet med CSS:
http://www.hornbek.net/legind/

--
Mvh Inga
www.initiaweb.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

inga schmidt wrote:
> Jonas Schmeltz Aaberg wrote in dk.edb.internet.webdesign.html:
>> ens ud på tværs af platforme og browsere?

> Kast et blik på knapperne her - de er lavet med CSS:
> http://www.hornbek.net/legind/

Det er ikke knapper, det er en stylet liste. Knapper er dem, der kommer
frem, hvis man i kildekoden skriver

<input type="button"... eller
<input type="submit"... eller
<input type="reset"...

De kan også - i nogen grad - styles med css. Men systemerne sætter visse
begrænsninger her. Jeg så for nylig en side, der viste forskellen på
knappers udseende i forskellige OS'er, husker desværre ikke adressen.

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

---

Erik Ginnerskov wrote:
>
> De kan også - i nogen grad - styles med css. Men systemerne sætter visse
> begrænsninger her. Jeg så for nylig en side, der viste forskellen på
> knappers udseende i forskellige OS'er, husker desværre ikke adressen.
>

Erik jeg har den her til dig
http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/


--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

---

Martin Hintzmann Andersen wrote:

> Erik jeg har den her til dig
>
http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/

Jeps, det var den.

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

---

Erik Ginnerskov skrev:

>> Kast et blik på knapperne her - de er lavet med CSS:
>> http://www.hornbek.net/legind/
>
> Det er ikke knapper, det er en stylet liste.

Man kan forstå flere ting ved "knapper". I bred forstand dækker
"knapper" også over stylede links som dem på Ingas link. De har i
modsætning til et rent tekstlink kanter, margen og fyld, og de har
ligesom ægte html-knapper en handling tilknyttet ved klik (typisk er det
så bare et link ved et billede).

Hvis man søger på "css buttons" kan man finde tusindvis af sider der
handler om styling af billedlinks så de ligner knapper. Denne type
knapper kan styles meget frit.

> Knapper er dem, der kommer frem, hvis man i kildekoden skriver
>
> <input type="button"... eller
> <input type="submit"... eller
> <input type="reset"...

- samt <button ...></button>


> De kan også - i nogen grad - styles med css. Men systemerne sætter visse
> begrænsninger her.

Ja. Den side du har set (hvis det er den Martin linkede til) viser
begrænsningerne ganske godt.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:

> Man kan forstå flere ting ved "knapper". I bred forstand dækker
> "knapper" også over stylede links som dem på Ingas link. De har i
> modsætning til et rent tekstlink kanter, margen og fyld, og de har
> ligesom ægte html-knapper en handling tilknyttet ved klik (typisk er
> det så bare et link ved et billede).

Hvis vi skelner så bredt som, hvad brugerne oplever som knapper, så ja. Men
jeg tænkte nu sådan rent teknisk.

>> <input type="button"... eller
>> <input type="submit"... eller
>> <input type="reset"...
>
> - samt <button ...></button>

Glemte den.

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

---

Erik Ginnerskov skrev:

> Hvis vi skelner så bredt som, hvad brugerne oplever som
> knapper, så ja. Men jeg tænkte nu sådan rent teknisk.

Det er svært at vide hvad SimonBK mente med "knapper". Men jeg tog
tråden op, fordi der netop er mange der ved "knapper" bare forstår
"noget man kan klikke på" (og noget andet end tekstlinks).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:

>> Hvis vi skelner så bredt som, hvad brugerne oplever som
>> knapper, så ja. Men jeg tænkte nu sådan rent teknisk.
>
> Det er svært at vide hvad SimonBK mente med "knapper". Men jeg tog
> tråden op, fordi der netop er mange der ved "knapper" bare forstår
> "noget man kan klikke på" (og noget andet end tekstlinks).

Fair nok. Jeg præciserede bare forskellen på faktiske knapper og det, man
frembringer ved at style f.eks. en liste.

Hvis man ikke skelner, kan man let bibringe uerfane websmede den
fejlopfattelse, at alle 'knapper' let kan styles efter forgodtbefindende -
hvilken som bekendt er en sandhed med modifikationer.

Med til listen over 'knapper', der ikke ubetinget kan styles, hører vel også
rullepaneler og dropdownbokse.

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

---

Erik Ginnerskov skrev:

> Med til listen over 'knapper', der ikke ubetinget kan styles,
> hører vel også rullepaneler og dropdownbokse.

Det vil jeg til gengæld ikke kalde knapper - hverken i bred eller
smal forstand. Men alle formelementer - inputfelter, tjekbokse,
submit/reset-knapper, dropdownlister mv. har begrænsninger i
forhold til hvad der kan bruges af css.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:

>> Med til listen over 'knapper', der ikke ubetinget kan styles,
>> hører vel også rullepaneler og dropdownbokse.
>
> Det vil jeg til gengæld ikke kalde knapper - hverken i bred eller
> smal forstand.

Jeg er nu ret sikker på, at du ved, hvad jeg mener:

Hvis man ser et form-element som en dropdown-boks eller rulleknappen i et
textarea i Windows før XP sammenlignet med i XP (med XP-skin aktivt), er der
stor forskel.

Også ved et skift til en anden browser på samme Window-platform, kan der
forekomme forskelle, som ikke kan styles væk.

Samme elementer har igen et anerledes udseende på Mac- og Linuxplatformene.

Elementerne kan delsvist styles, men det er - lige som med formknapper -
ikke muligt med en 100% styling på samme måde som på listeelementer.

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

---

Erik Ginnerskov skrev:

> Jeg er nu ret sikker på, at du ved, hvad jeg mener:

Ja - jeg opponerede bare lidt mod din "knap"-betegnelse.


> Hvis man ser et form-element som en dropdown-boks eller rulleknappen i et
> textarea i Windows før XP sammenlignet med i XP (med XP-skin aktivt), er der
> stor forskel.

Lige præcis - og det er netop form-tilknytningen der er det vigtige i
forhold til css-begrænsninger. Nogle form-elementer er så knapper mens
andre ikke er det.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

SimonBK wrote:

> Er der nogle der ved hvordan man styler knapper således at de ser
> ens ud på tværs af platforme og browsere?

Formularknapper er noget, der mere eller mindre er styret af det OS, der er
på den pågældende maskine. Eneste skudsikre metode til at få det til at se
100% ens ud i alle browsere og i alle browsere, er at lave det i form af
billeder:

<input type="image" src="knap.gif" onclick....

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

---

Jeg vrøvlede:

> det til at se 100% ens ud i alle browsere og i alle browsere,

Skulle have været:

det til at se 100% ens ud i alle browsere og i alle styresystemer,

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