Toon posts:

[CSS]Button met image

Pagina: 1

Acties:

44 views sinds 30-01-2008
Reageer

zondag 9 februari 2003 20:02

Acties:

it0

Mijn mening is een feit.

Topicstarter

Na aanleiding van dit ben ik ook aan de slag gegaan

mijn css bestand

code:

.del {
  background-image: url('http://mijn.domein.nl/test/icons/delete.gif');
  background-repeat: no-repeat;
  width:16px;
  height:16px;
  border:1px;
  padding-left:25;
}

mijn html bestand

code:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head><title>Calender 10 Februari 2003</title>
<link rel="stylesheet" type="text/css" href="calender.css" />
</head>

Nog meer html...

<input type="submit" alt="delete" name="delete" value="del=21" class="del">

Dit werkt met IE6, die laat netjes het plaatje zien.
Phoenix0.5 (mozilla) laat geen plaatje zien maar maakt de button wel klein.
IE5 op de mac laat de value zien in de button? dus del=21?

Snap ik iets niet of zijn dit bekende bugs, uit google en andere got posts blijkt dat dit zou moeten werken dus ik snap het niet?

zondag 9 februari 2003 20:11

Acties:

Willem

padding-left 25 wat? koeien?

Probeer hier een absolute waarde te zetten, bijvoorbeeld 25px, voor pixels.

Verder zou ik (voor de netheid) van je CSS maken input.del { } en de value eens op iets anders zetten, kijk of het dan wel werkt. Overigens vind ik 16px nogal klein oppervlak voor een tekst van "del=21". Probeer ook eens te klooien met verschillende (tekst) grootte's.

Motor (of auto) onderhoud bijhouden

zondag 9 februari 2003 20:26

Acties:

it0

Mijn mening is een feit.

Topicstarter

Ik heb je suggesties door gevoerd maar mac ie 5 en phoenix zijn conmsisten alebei laten ze de value zien maar nog steeds geen plaatje?

zondag 9 februari 2003 20:46

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Volgens mij ben ik dit wel vaker tegengekomen. Ik had ook ooit eens in een form een plaatje als achtergrond van een knop, en het leuke was, in IE op windows deed hij het prima, maar in Netscape (destijds nog 4.7) vertikte hij het.
Aangezien ik het toen geen ramp vond, heb ik het niet in andere browsers getest, dus ik kan je er zo geen oplossing voor geven...

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

zondag 9 februari 2003 20:47

Acties:

it0

Mijn mening is een feit.

Topicstarter

je medeleven helpt.

zondag 9 februari 2003 20:49

Acties:

Dark Blue

Compositionista!

Alpenmeisje

it0 schreef op 09 February 2003 @ 20:02:
Snap ik iets niet of zijn dit bekende bugs (...) ?

Je vroeg er toch om.

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

zondag 9 februari 2003 20:58

Acties:

Willem

IE 5 voor Mac is een browser die bij mij (en met mij een hoop andere mensen) heeft afgedaan. Absoluut geen maatstaf en deze browser intepreteerd vrijwel niets goed, althans, kleine dingen zoals margin, padding en background images in CSS snapt hij niet.

Hoe het met Phoenix zit, geen idee; Is dit niet nog een bèta versie browser? Normaliter doen Mozilla (Gecko) based browsers het beter nog dan IE, of andere maar in dit geval zou ik d'r geen oplossing voor weten. Probeer ten overmaat van ramp de CSS validator eens zou ik zeggen (http://jigsaw.w3.org/css-validator/)

[ Voor 5% gewijzigd door Willem op 09-02-2003 20:58 ]

Motor (of auto) onderhoud bijhouden

zondag 9 februari 2003 20:58

Acties:

Johnny

ondergewaardeerde internetguru

Waarom niet zo:

code:

1	<input type="image" src="">

En dan gewoon een plaatje met de tekst "del=21" gebruiken.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

zondag 9 februari 2003 21:05

Acties:

it0

Mijn mening is een feit.

Topicstarter

Johnny schreef op 09 februari 2003 @ 20:58:
Waarom niet zo:
code:
1
<input type="image" src="">
En dan gewoon een plaatje met de tekst "del=21" gebruiken.

Omdat de spec zegt dat value niet er niet thuishoort. Dus Phoenix geeft netjes name/value mee maart IE geeft name.x/name.y terug als het ware een image map.

Kortom er is geen spec en iedereen kloot wat aan.

zondag 9 februari 2003 21:20

Acties:

it0

Mijn mening is een feit.

Topicstarter

Net mozilla nightly geinstalleerd wat een compromis is want die laat beide zien! tekst door het plaatje heen (meest logische?)

Pagina: 1

Reageer