is zoiets ook met css te realiseren?
Ik had laatst gezocht in een css tutorial, maar kon er niets over vinden
is zoiets ook met css te realiseren?
Ik had laatst gezocht in een css tutorial, maar kon er niets over vinden
:strip_exif()/u/14385/malibu.gif?f=community)
Lamaar..
[ Voor 0% gewijzigd door OkkE op 08-10-2002 14:44 . Reden: Voortaan hou ik me mond wel als ik het niet zeker weet .. :-) ]
“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.
:strip_exif()/u/22479/169-back.gif?f=community)
:strip_icc():strip_exif()/u/17582/crop694289c3d766e_cropped.jpg?f=community)
:strip_icc():strip_exif()/u/485/crop6a5507723a83a_cropped.jpg?f=community)
:strip_icc():strip_exif()/u/30425/crop5906f20a03bb0_cropped.jpeg?f=community)
Pelle droeg in een topic over de overbodigheid van html een voorbeeld aan hoe je met css een plaatje kon invoegen, zal zo zoeken. Ik zou het alleen niet met css doen, maar ouderwets met de hand plaatjes maken, of desnoods een tabel:
uiteraard geen rechten aan te ontlenen
/edit: topic niet terug te vinden
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> [img]"button_hoekjelinks.gif"[/img] </td> <td background="gradient_en_randjes.gif"> [img]"winkelwagentje.gif"[/img] Bestellen </td> <td> [img]"button_hoekje_rechts.gif"[/img] </td> </tr> </table> |
uiteraard geen rechten aan te ontlenen
/edit: topic niet terug te vinden
Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.
Is dat niet IE-only, de button-tag
font is ook _hopeloos_ veroudert 
verder klopt er geen kont van je style-tag 
/edit:
Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.
Lol, nee ik wil echte buttons:
Pelle droeg in een topic over de overbodigheid van html een voorbeeld aan hoe je met css een plaatje kon invoegen, zal zo zoeken. Ik zou het alleen niet met css doen, maar ouderwets met de hand plaatjes maken, of desnoods een tabel:
HTML:
uiteraard geen rechten aan te ontlenen
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <style>
.melp {
font-family:Arial;
font-size:12px;
background-image:url('http://localhost/button.gif');
width:400px;
height:35px;
}
</style>
<input type="submit" value="Bestellen" class="melp"> |
Dit werkt echter nie
ook zonder localhost enzo krijg ik niets te zien
Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.
Hangloozzs manier werkt toch prima
Willem169s manier:
PHP:
1
| <input type="image" src="http://www.nl.conradcom.de/sap/its/mimes/zprt_con_glb/99/order2.gif" /> |
Willem169s manier:
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <html><head> <style type="text/css"> .melp { border: 0; background-image: url('http://www.nl.conradcom.de/sap/its/mimes/zprt_con_glb/99/order2.gif'); width: 89px; height: 21px; } </style></head> <body> <input type="submit" value="" class="melp"/> </body></html> |
Verwijderd
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> .foo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-image: url(test.png); border: none; } </style> </head> <body> <input name="Submit" type="submit" class="foo" value="Submit"> </body> </html> |
Dit werkt anders prima in Moz en IE 6
tuurlijk, al is deze veelste groot, dat moet weinig uitmaken lijkt mij zo..
Nee dan kan je netzogoed dit doen:
Hangloozzs manier werkt toch prima
PHP:
code:
1
| <a href="link">[img]"plaatje.gif"[/img]</a> |
Wat een rare redenatie, ik gok dat een input type=image beter ondersteunt wordt dan een knop met css...:
[...]
tuurlijk, al is deze veelste groot, dat moet weinig uitmaken lijkt mij zo..
[...]
Nee dan kan je netzogoed dit doen
code:
Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.
LOL, jaja da's hetzelfde...:
Nee dan kan je netzogoed dit doen
code:
heb je wel eens gehoord van een form?
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <style>
.melp {
font-family:Arial;
font-size:12px;
background-image: url(button.gif);
width:85px;
height:21px;
border=none;
}
</style>
<input type="submit" value=" Bestellen" class="melp"> |
dit werkt idd wel
maar ik wil het volgende
[ (pic) text ]
^^^^ button
pic links en text er gelijk naast.
Ik begrijp dus dat ik zelf zo ie zo de image moet maken, dus niet gewoon kan zeggen deze icon wil ik in mijn button zetten en daarnaast de text 
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <style>
.melp {
font-family:Arial;
font-size:12px;
background-image: url(button.gif);
background-repeat: no-repeat;
width:85px;
height:21px;
border:1px;
padding-left:25;
}
</style>
<input type="submit" value="Bestellen" class="melp"> |
(dit is met de volgende css code zonder border:1px; maar border:none;
was met border:1px; maar heb ik zelf het plaatje in gephotoshopped, want op een of andere manier wil dat dus nie
Alles kan xtentic.
Denk dat je er wel uit moet komen zo. Genoeg info lijkt me. Meerdere manier gegeven. Succes
Denk dat je er wel uit moet komen zo. Genoeg info lijkt me. Meerdere manier gegeven. Succes
Pagina: 1
Dit topic is gesloten.