Pagina 1 van 1

[css] rand om buttons

Geplaatst: 13 dec 2005, 22:07
door JaHoe
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

Geplaatst: 14 dec 2005, 17:06
door Lady Elensar
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.

Geplaatst: 14 dec 2005, 18:28
door JaHoe
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

Geplaatst: 14 dec 2005, 18:36
door fn002449

Code: Selecteer alles

a img { border: none; }
Als je dit toevoegt aan je css is die border als het goed is weg ;)

Geplaatst: 14 dec 2005, 18:43
door JaHoe
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

Geplaatst: 15 dec 2005, 10:59
door fn002449
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;

Geplaatst: 15 dec 2005, 15:33
door DaMnNaTiOn
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 :D

-edit- solid erbij is ook niet nodig :wink:

Geplaatst: 15 dec 2005, 16:29
door fn002449
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 :D

-edit- solid erbij is ook niet nodig :wink:
daar heb je wel een punt... maar ik doelde meer op dat solid erachter!

Geplaatst: 15 dec 2005, 18:35
door Bee
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 :D

-edit- solid erbij is ook niet nodig :wink:
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.

Geplaatst: 15 dec 2005, 18:42
door DaMnNaTiOn
Bij nul ook? Vind het wat onnodig, of het nou px of em of % zijn, het blijft 0. :wink:
Maar ik snap wel dat je niet padding: 10; of zoiets kan gebruiken omdat de type niet is aangegeven.

Geplaatst: 17 dec 2005, 11:31
door JaHoe
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 ;)

Geplaatst: 17 dec 2005, 14:14
door fn002449
solid betekend 1 doorgetrokken lijn.

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

dat solid moet je gewoon weghalen joh ;)