[HTML] lelijke Submit button

[Verwijderd]

Ik krijg het dus niet voor elkaar om deze zoekbutton mooi te krijgen.. Ik heb hier een stylesheet..

Zo ziet ie er dus uit:

[Bosmonster]

ennuh.. wat is je stylesheet?

Lijkt me een simpel margin/uitlijning probleem.

[dominic]

Uhm ja, wat verwacht je nu?

[Hangloozz]

Op dinsdag 11 juni 2002 10:08 schreef Fatal_Error het volgende:
Ik heb hier een stylesheet..

Ik heb hier een bak koffie


geef je style-stukkie 'ns dan.

[JSchut]

mooi!

conclusie:
aan je button te zien is je stylesheet niet goed

fout:
geen idee weet niet wat de stylesheet is

oplossing:
post je stylesheet

[Verwijderd]

/me gokt op de top margin zet die es op 0

[Verwijderd]

code:

body {font-family: Trebuchet MS;font-size:12px;color:#636363;line-height:1.25em;z-index:0}
td {font-family: Trebuchet MS;font-size:12px;color:#636363;line-height:1.25em}
td.linecolor {background-color:#FE8600}
select {font-family: Trebuchet MS;font-size:12px;color:#636363;margin:0}
input {font-family: Trebuchet MS;font-size:12px;color:#636363;height:18px;}
input.button {border-width:1px;border-style:solid;border-color:#000000;margin:0px;padding:0;height:20px}
td.navmenutext {font-size:10px;font-weight:normal;line-height:1em}
a {text-decoration:underline;color:#636363}
a:hover {text-decoration:underline;color:#FE8600;}
a.link {text-decoration:underline;color:#636363}
a.link:hover {text-decoration:underline;color:#FE8600;}
a.follow {text-decoration:none;color:#FE8600}
a.follow:hover {text-decoration:none;color:#FE8600;}
span.follow {color:#FE8600;}
a.image {text-decoration:none;color:#636363}
a:hover {text-decoration:underline;color:#FE8600;}
a.bullet {text-decoration:none;color:#000000;}
a.bullet:hover {text-decoration:none;color:#FE8600;}
a.navmenu {text-decoration:none;color:#000000;}
a.navmenu:hover {text-decoration:none;color:#636363;}
a.navmenu {text-decoration:none;color:#000000;}
span.navmenuselect {color:#000000;}
td.navmenutitle {color:#000000;font-size:17px;}
td.doctitle {background-color:#DBE5E7;color:#000000;font-size:15px;font-weight:bold}
td.doctitle2 {background-color:#DBE5E7;color:#000000;font-size:12px;font-weight:bold}
p {margin:0}
form {margin:0}
td.docinfo {font-size:10px;}
table.navtemplate0 {width:780}
table.navtemplate1 {width:620}
td.navtemplate0k1 {width:215;bgcolor:#00ff00}
td.navtemplate0k2 {width:550}

okok, sorry.. hierboven het sheet

[JSchut]

Op dinsdag 11 juni 2002 10:13 schreef Zoepnek het volgende:
/me gokt op de top margin zet die es op 0

ik stem eens

[cutter]

Is die buttonheight niet een beetje te weinig. Als je een 'mooie' button wil maken kun je beter een input type="image" src="mooiplaatje.gif" doen.
http://tech.irt.org/articles/js185/

[Hangloozz]

Op dinsdag 11 juni 2002 10:25 schreef JSchut het volgende:

[..]

ik stem eens

ik niet...de margins voor de button staan op 0...

voeg aan je button eens dit toe:

code:

class="button"

[Verwijderd]

het gekke is dus dat ik niet de grootte van de submit button kan aanpassen

code:

input {font-family: Trebuchet MS;font-size:12px;color:#636363;height:18px;}
input.button {border-width:1px;border-style:solid;border-color:#000000;margin:0px;padding:0;height:[b]20px[/b]}

Maar alleen die van input (die 18px) Wat inderdaad weinig is..

[Verwijderd]

Op dinsdag 11 juni 2002 10:33 schreef Hangloozz het volgende:
ik niet...de margins voor de button staan op 0...

voeg aan je button eens dit toe:

code:

class="button"

Dank u!

Dat was de magic-code

[Verwijderd]

je hoeft die style niet in een aprt bestand aan te geven je kan ook de afwijkende waarden gelijk aan de knop hangen

code:

<input type="text" style="margin:0px; color:#FFFFFF;">

je snapt t wel

[Hangloozz]

Op dinsdag 11 juni 2002 10:39 schreef Fatal_Error het volgende:


Dank u!

Dat was de magic-code

uhuh..

[RM-rf]

Op dinsdag 11 juni 2002 10:25 schreef JSchut het volgende:

[..]

ik stem eens

democratie is geen goed idee hier.

margin is buitenruimte:

waar ik vermoed dat het probleem ligt, is in de line-height:

een button als inline element renderd de hoogte ook aan de hand van de line-height:

hieromtrend zijn wel wat bugs:
http://www.richinstyle.com/test/fonts/forms.php

edit: Hanglooz saves the day
'tis net als met pizza, je moet met die bodem begienen

[drm]

Zoepnek:
je hoeft die style niet in een aprt bestand aan te geven je kan ook de afwijkende waarden gelijk aan de knop hangen

code:

<input type="text" style="margin:0px; color:#FFFFFF;">

je snapt t wel

Wat je natuurlijk niet doet, omdat dat de onderhoudbaarheid van je styles weer behoorlijk onderuit schopt