Beste mensen,

Ik zit met een klein probleempje. Het gaat om CSS. Ik ben bezig met een CMS systeem, en heb nu een adminpagina gemaakt. Op de 1 of andere manier komt er onder de images een underline te staan ( die je normaal alleen hebt bij text links) in FF.

Zie bijlage1 voor voorbeeld.


Bijlage1: http://www.design-xtr.nl/scripts/Naamloos.jpg

Iemand die weet hoe ik dit moet oplossen?
zoiets:


div#menu a
 {
 text-decoration: none;
 }


Ervan uitgaande dat deze links in de div met id "menu" zitten.
Zitten ze in een <ul>, dan kan dat natuurlijk ook.
de TS heeft het over plaatjes.... dus moet het worden:
(ik denk dat je genoeg hebt aan: border:none; )

Eddy Erkelens schreef op 14.11.2008 19:00
zoiets:


IMG
 {
 text-decoration: none; 
border:none;
 }


Ervan uitgaande dat deze links in de div met id "menu" zitten.
Zitten ze in een <ul>, dan kan dat natuurlijk ook.
Lukt het misschien zo:

<img src="images/blabla.gif" width="102" border="0" height="25" border="0" />
Beste Roel,

Zou je misschien de pagina met css online kunnen zetten? Zonder dat weet niemand wat het precies is. Het blijft anders een gok wat voor tags of classes je hebt gebruikt.

Groeten,

Ruben
In IE7 en FF3 geen problemen, dus zal het wel aan IE6 liggen.

a img {border: none;}
Wel.. Het is FF.. (kijk nog maar eens, had iets veranderd in CSS)
@roel
Je kan de hele link een text decoration:none; geven. De tekst zet je in een span, en je kan die span (binnen de a) dan wel de style: text-decoration:underline; meegeven.

Ik heb dit zelf nog nooit eerder gezien/ gehad, maar zie wel wat je bedoeld.
Zie mijn vorige post; elke img in een a geef je een border none.
@ Jan,

Helaas dat werkt niet! Het is ook geen border, maar een underline :S

@ Robert:

Ik heb dit, maar werkt niet :S
	.item {
		text-align:center;
		width:125px;
		float:left;
		margin-left:20px;
		margin-bottom:20px;
		}
		.item a {
			color:#336699;
			text-decoration:none;
			}
			.item span a {
				text-decoration:underline;
				}

Reageren