[CSS] Button aanpassen

[Verwijderd]

Ik heb een vraagje
hoe kan ik in css de kleur van een button veranderen ?
zo een butten als Verstuur..

Note: klik op reply de button verstuur zo een button bedoel ik

[Verwijderd]

In Explorer wel jah.

Moeje maar ff rondzoeken op internet (bv. op sitechecks.nl) en daar de bron jatten..

[Verwijderd]

http://www.almererulez.com/godzilla/icq/icqpager.php

Je kunt het al blijkbaar...

[RM-rf]

de background-color aanpassen; een button is een element met een tekst erin (value) en default gijze achtergrond en een ouset border (de border kan je dus ook aanpassen)

met color kan je enkel de kleur van de tekst aanpassen

code:

BUTTON {
   background-color: #FFCC00;
   border: 1px inset #CCFF00;
}

[OzBoz]

aub volgende keer duidelijke topic-titel

[Verwijderd]

Op zaterdag 29 september 2001 10:34 schreef Tizzwat het volgende:
In Explorer wel jah.

Het kan in meer dan alleen IE, ook Konqueror, Mozilla en opera kunnen het, is gewoon CSS. Niks bijzonders

[Verwijderd]

Maar als je in je form met <input> tags werkt, zul je bij de <type="submit"> enzo met een class gaan werken, en dan wat RM_rf zei aan die class toewijzen...

[Jasper]

Op zaterdag 29 september 2001 12:17 schreef Shadow3333 het volgende:

[..]

Het kan in meer dan alleen IE, ook Konqueror, Mozilla en opera kunnen het, is gewoon CSS. Niks bijzonders

Opera werkt daar niet aan mee hoor!

[Verwijderd]

Op zaterdag 29 september 2001 13:07 schreef Jasper het volgende:

[..]

Opera werkt daar niet aan mee hoor!

Opera zuigt dan ook.

En niet eens lekker

[Jasper]

sucks-roels ja

[Verwijderd]

Op zaterdag 29 september 2001 13:07 schreef Jasper het volgende:


Opera werkt daar niet aan mee hoor!

je hebt gelijk ik dacht dat Opera dat wel kon, NEE DUS!!! (idd een kutbrowser)

[Verwijderd]

Op zaterdag 29 september 2001 16:46 schreef Shadow3333 het volgende:

je hebt gelijk ik dacht dat Opera dat wel kon, NEE DUS!!! (idd een kutbrowser)

Lekker

[RM-rf]

Op zaterdag 29 september 2001 16:46 schreef Shadow3333 het volgende:

je hebt gelijk ik dacht dat Opera dat wel kon, NEE DUS!!! (idd een kutbrowser)

uit de opera documentation:
http://www.opera.com/docs/specs/#css

Note that while it is possible to style form controls in Opera, you can't make them look like anything other than form controls, eg by setting background color. In this case Opera is in error to the CSS specification, even when that would be in breach with the operating system UI guidelines. We will fix this one day, but we are in no hurry.

oftewel, ze erkennen de fout, maar geven er met redenen (conformeren aan systeem GUI richtlijnen) aan dat herstel hiervan niet hoog op hun todo lijst staat.

visuele layout staat nu eenmaal minder hoog dan functionele aspecten.
vanuit oogpunt van usability valt daar ook heel wat voor te zeggen.

je kunt wel gewoon styles voor buttons definieren, dat Opera ze niet uitvoerd maakt je pagina niet minder functioneel.

[Verwijderd]

Op zondag 30 september 2001 00:28 schreef RM-rf het volgende:

je kunt wel gewoon styles voor buttons definieren, dat Opera ze niet uitvoerd maakt je pagina niet minder functioneel.

Wel minder mooi, maar: eerlijk is eerlijk, dat is dde schuld van de gebruiker, die moet gewoon zorgen dattie een fatsoenlijke browser gebruikt

Je moet wel veel rekening houden met de keuzes van de gebruiker natuurlijk, maar je moet ook ergens een grens trekken. Een browser van nu moet sowieso HTML 4.0, CSS2 en Javascript ondersteunen, anders is het gewoon rommel IMHO

[Thijsmans]

Op zaterdag 29 september 2001 10:36 schreef Tizzwat het volgende:
http://www.almererulez.com/godzilla/icq/icqpager.php

Je kunt het al blijkbaar...

Behalve als icqpager.php eigenlijk toch niet helemaal zelf gemaakt is...

[Verwijderd]

Op zondag 30 september 2001 00:34 schreef Prammenhanger het volgende:

[..]

Behalve als icqpager.php eigenlijk toch niet helemaal zelf gemaakt is...

eigenlijk toch wel

[RM-rf]

Op zondag 30 september 2001 00:31 schreef Cheatah het volgende:

Wel minder mooi, maar: eerlijk is eerlijk, dat is dde schuld van de gebruiker, die moet gewoon zorgen dattie een fatsoenlijke browser gebruikt

en de schuld van de vormgever?

bijna iedere keer als er CSS over form-elements gegooid worden zijn het van die lelijke solid borders en 'harde' kleuren, dat vind ik niet bepaald duidelijk, en dat is juist het argument voor Opera om dit te doen.
border-style: outset voor buttons en inset voor text-input is gewoonweg de duidelijkste style.

de CSS-working group probeert te sturen naar gebruik van kleur naar gebruikers-preferences, zie ook
http://www.w3.org/TR/REC-CSS2/ui.html#system-colors
kan me voorstellen dat Opera er (bewust) voor kiest om enkel het gebruik van dit soort styles binnen form-elements toe te staan, of zal het gebeuren dat stylen van form-elements onder security related issues valt, zodat je eerst je CSS moet 'signen' voordat hij toestemming krijgt.

vormgevers die dan nog steeds eigenwijs hun formuliertjes kleurtjes willen geven, moeten dan maar lekker gaan dHTML-scripten

[Verwijderd]

Mjaa, ik ben het niet helemaal met je eens RM-rf, kleurgebruik in formulieren kan wel degelijk heel functioneel zijn. Ik moet zeggen dat het voor de opmaak van een pagina verdomd handig is om een kleurtje aan bijvoorbeeld je "send" button te geven, of de achtergrond kleur van je invoervelden te veranderen.

Ik vind idd dat je wel een grens moet trekken bij hetgeen wat je allemaal kan veranderen (scrollbars hoeven van mij niet).

[Verwijderd]

Op zondag 30 september 2001 01:16 schreef RM-rf het volgende:

[..]

en de schuld van de vormgever?

bijna iedere keer als er CSS over form-elements gegooid worden zijn het van die lelijke solid borders en 'harde' kleuren, dat vind ik niet bepaald duidelijk, en dat is juist het argument voor Opera om dit te doen.
border-style: outset voor buttons en inset voor text-input is gewoonweg de duidelijkste style.

de CSS-working group probeert te sturen naar gebruik van kleur naar gebruikers-preferences, zie ook
http://www.w3.org/TR/REC-CSS2/ui.html#system-colors
kan me voorstellen dat Opera er (bewust) voor kiest om enkel het gebruik van dit soort styles binnen form-elements toe te staan, of zal het gebeuren dat stylen van form-elements onder security related issues valt, zodat je eerst je CSS moet 'signen' voordat hij toestemming krijgt.

vormgevers die dan nog steeds eigenwijs hun formuliertjes kleurtjes willen geven, moeten dan maar lekker gaan dHTML-scripten

Wat dat betreft heb je wel gelijk natuurlijk, bij een form moet het duidelijk zijn dat het een form is, maar ik vind het in sommige gevallen wel mooi als je die form kan aanpassen, zonder dat het heet onduidelijk wordt.

En IE kleurt natuurlijk ook zelf de formelementen naar de kleuren die de gebruiker voor Windows gebruikt (zet de kleuren van die Windows vensters maar eens op felgroen en ga dan surfen)

Het is ook erg jammer als een gebruiker geen invulvelden kan herkennen, en dát is inderdaad wél de schuld van de ontwerpen.

Die security-issues zijn mij niet helemaal duidelijk: Wat is er precies onveilig aan dan? Ik kan zelf geen redenen daarvoor bedenken. Wat had jij precies in gedachten?

[Verwijderd]

Op zondag 30 september 2001 00:34 schreef Prammenhanger het volgende:

[..]

Behalve als icqpager.php eigenlijk toch niet helemaal zelf gemaakt is...

maar uit die broncode kan je wel 8terhalen hoe het moet

[Verwijderd]

Op zondag 30 september 2001 23:36 schreef Rembo het volgende:

[..]

maar uit die broncode kan je wel 8terhalen hoe het moet

knap van je als het php is

[Dennis]

Op maandag 01 oktober 2001 08:23 schreef GODZILLA2001 het volgende:
knap van je als het php is

Het is geen PHP, maar CSS !

[Verwijderd]

Op maandag 01 oktober 2001 08:24 schreef dennisdotcom het volgende:

[..]

Het is geen PHP, maar CSS !

Dat bedoel je..
ik d8 dat je bedoelde hoe die shit werkte

[BtM909]

Zo moeilijk is het niet!

code:

.formbutton {
 background-color: #0E165C;
 color: #ffffff;
 border-left-color: #5A619E;
 border-left-width: 1px;
 border-right-color: #5A619E;
 border-right-width: 1px;
 border-top-color: #5A619E;
 border-top-width: 1px;
 border-bottom-color: #5A619E;
 border-bottom-width: 1px;
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

en

code:

<input type="submit" name="Submit" value="Verzenden" class=formbutton>

En dat is zo geript uit die PHP-pagina!

[Dennis]

Op maandag 01 oktober 2001 08:29 schreef BtM909 het volgende:
Zo moeilijk is het niet!

code:

.formbutton {
 background-color: #0E165C;
 color: #ffffff;
 border-left-color: #5A619E;
 border-left-width: 1px;
 border-right-color: #5A619E;
 border-right-width: 1px;
 border-top-color: #5A619E;
 border-top-width: 1px;
 border-bottom-color: #5A619E;
 border-bottom-width: 1px;
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

en

Mjah, iets korter kan ook wel.

code:

.formbutton
{
  background-color: #0E165C;
  color: #ffffff;
  border: 1px solid #5A619E;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

code:

<input type="submit" name="Submit" value="Verzenden" class=formbutton>

Zullen we dit maar zo doen ?

code:

<input type="submit" name="Submit" value="Verzenden" class="formbutton">

Is wat meer xhtml compliant, en 't staat netter

[BtM909]

Op maandag 01 oktober 2001 08:23 schreef GODZILLA2001 het volgende:

[..]

knap van je als het php is

Het ging eigenlijk als antwoord op bovenstaande post! Ik liet alleen zien dat die code er zo uit gehaald kon worden, ongeacht dat het PHP was!

Het was / is niet mijn bedoeling om aan te geven wat verkeerd of omslachtig is!

[cam47bubbles]

als het correcte xhtml zou zijn, dan moet toch de <input/> netjes afgesloten zijn???

[Willem]

En als het geen 1 april was zou ik niet geloven dat het kicken van zo'n oud topic een grap was Oftewel: Wordt niet op prijs gesteld, na 2 jaar