[css] rand om buttons

JaHoe · Bericht door **JaHoe** » 13 dec 2005, 22:07

Ik ben het fisubsilver.css aan het aanpassen naar mijn eigen kleur wensen. Ik heb de kleur van "links" gewijzigd in #66000 en tevens het lettertype. Maar dit heeft effect dat er nu ook een rand om de post knoppen komt te staan in deze kleur en zie ik lelijke randen om de buttons die ik eerst niet zag. Zie ik iets over het hoofd? Hoe kan ik die randen wegkrijgen , maar wel de kleur van de tekstlinks bewaren:

/* General page style */
a:link,a:active,a:visited,a.postlink{font-size:13px;color:#660000;text-decoration:none}
a:hover{color:#dd6900}

ik zie de randen overigens niet in de forum index wel in de subfora

Lady Elensar · Bericht door **Lady Elensar** » 14 dec 2005, 17:06

Je hebt het over links en knoppen, maar als je een textlink aanpast, dan kan er toch niets veranderen aan een button? Of anders, is het geen border? Dan zou het mss helpen als je iets van border: none; of border: 0;

Maar als je zelf buttons maakt, zou het ook nog wel is door de achtergrond kleur kunnen komen, dat je van die 'randjes' om je buttons ziet. Zoals bij deze smiley.

JaHoe · Bericht door **JaHoe** » 14 dec 2005, 18:28

het gaat inderdaad om een border, zit niet in de button zelf. Heb alleen nog niet de juiste regel gevonden in de css welke de border weghaalt. Eerder waren ze er niet en ik heb ze niet bewust toegevoegd.... Ik zal eens alle border definities in de css doorstruinen

fn002449 · Bericht door **fn002449** » 14 dec 2005, 18:36

Code: Selecteer alles

a img { border: none; }

Als je dit toevoegt aan je css is die border als het goed is weg

JaHoe · Bericht door **JaHoe** » 14 dec 2005, 18:43

ja ik vond het net al in de laatste regel van de template css. Op de een of andere manier was daar een character weggevallen. Heb er nu staan:

img{border:0 solid}

En dat werkt ook

fn002449 · Bericht door **fn002449** » 15 dec 2005, 10:59

JaHoe schreef:ja ik vond het net al in de laatste regel van de template css. Op de een of andere manier was daar een character weggevallen. Heb er nu staan:

img{border:0 solid}

En dat werkt ook

Ja maar dat is niet netjes...

doe dan... border: 0px;

DaMnNaTiOn · Bericht door **DaMnNaTiOn** » 15 dec 2005, 15:33

Waarom zou dat niet netjes zijn door alleen 0 in te vullen?
Het werkt en het is goed CSS, je code is daardoor ook veel simpeler

-edit- solid erbij is ook niet nodig

fn002449 · Bericht door **fn002449** » 15 dec 2005, 16:29

DaMnNaTiOn schreef:Waarom zou dat niet netjes zijn door alleen 0 in te vullen?
Het werkt en het is goed CSS, je code is daardoor ook veel simpeler

-edit- solid erbij is ook niet nodig

daar heb je wel een punt... maar ik doelde meer op dat solid erachter!

Bee · Bericht door **Bee** » 15 dec 2005, 18:35

DaMnNaTiOn schreef:Waarom zou dat niet netjes zijn door alleen 0 in te vullen?
Het werkt en het is goed CSS, je code is daardoor ook veel simpeler

-edit- solid erbij is ook niet nodig

CSS wil weten wat voor type eenheid je gebruikt, omdat de keuze daarin veel groter is dan in bijvoorbeeld HTML. Nu maakt het bij 0 niet uit, maar het is een goede en zeer verstandige gewoonte het wel te doen.

DaMnNaTiOn · Bericht door **DaMnNaTiOn** » 15 dec 2005, 18:42

Bij nul ook? Vind het wat onnodig, of het nou px of em of % zijn, het blijft 0.

Maar ik snap wel dat je niet padding: 10; of zoiets kan gebruiken omdat de type niet is aangegeven.

JaHoe · Bericht door **JaHoe** » 17 dec 2005, 11:31

bedant voor de reacties. Ik heb verder geen kaas gegeten van css, kom momenteel nog neit verder dan het aanpassen van kleurcodes van een bestaande css. de regel : img{border:0 solid} heb ik gehaald uit het originele css bestand waar ik mee was begonnen, erwas blijkbaar iets weggevallen met editten waardoor ik ineens die randen om linkpics kreeg. Weet dus niet eens wat : solid verder betekend in css. Voor mij is het belangrijkste dat het doet wat ik wil

fn002449 · Bericht door **fn002449** » 17 dec 2005, 14:14

solid betekend 1 doorgetrokken lijn.

je hebt bijvoorbeeld ook dotted.. dat is een gestippelde lijn

dat solid moet je gewoon weghalen joh