ja/nee link

Status
Niet open voor verdere reacties.
H

HenkRog

Gebruiker
Lid geworden
9 dec 2008
Berichten
70
Hallo,

het lukt mij niet om het volgende te doen:

in dit voorbeeld http://users.telenet.be/HenkR/test2/test.html probeer ik om onderaan tussen de ja en de nee wat plaats te laten en als men er met de muis over beweegt wil ik er een lijn onder trekken.

Als ik de pagina lokaal open wil hij er geen lijn ondertrekken. Als de pagina online staat doet hij het blijkbaar wel, maar hij reageert toch een beetje raar dus er zal wel iets verkeerd zijn.

Weet iemand wat het probleem is?

HTML
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styletest.css" />
<title>Immo-Admin</title>
</head>
 
<body>
 
 
<div class="verwijderen"> 
<div class="verwijderenTitel"> Weet u zeker dat u het volgende vastgoed definitief wilt verwijderen?</div>
<p>Te Koop: test foto's 3<br />
ddddd <br />
9300 Aalst<br />
Prijs: � 123.456.789<br />
Status: Verhuurd<br />
</p>
<p><img alt="ddddd  - Aalst" src="test.jpg"/></p>
 
	<a href="archief.php">Nee</a>
	<a href="vastgoed.php?action=verwijderVastgoed&unVastgoed=11">Ja</a>
 
</div>
 
</body>
</html>


CSS
Code: 
.verwijderen {
	border: 1px dotted #666666;
	background-color: #F4F4F4;
	width: 620px;
	padding: 10px;
}

.verwijderen img {
	border: 1px solid #A0ACC0;
	margin: 10px;
}

.verwijderen a {
	text-decoration: none;
	color: #000080;
	margin-left: 200px;
	
}
.verwijderen a:hover {
	color: #000080;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000080;

}
.verwijderenTitel {
	font-weight: bold;
}
 
Bij mij doet hij het goed in Firefox, Opera en Internet Explorer 6, dus ik neem aan in elke browser. Ja en nee staan uit elkaar en er verschijnt 'n lijntje onder.
Maar wat bedoel je met 'raar'?
Er zit wel 'n fout in je euro-teken: dat moet zijn
& # 8364;
of
& euro;

Beide moeten zonder spaties, maar anders verschijnt hier ook het euro-teken...
 
Laatst bewerkt:
Hij trekt er al een lijn onder wanneer ik met de muis links van ja of nee kom
 
Ah, dat hoort niet.
Kun je aangeven in welke browser dat gebeurt? Dat scheelt heel veel zoekwerk, want dan kun je gelijk zien waar 't misgaat. Ook de versie graag, want Internet Explorer 6, 7 en 8 bijvoorbeeld zijn drie totaal verschillende browsers.
Ik zou die fout met die euro ere ook even uithalen, want dat is 'n serieuze fout die ook voor andere problemen kan zorgen. Omdat het om 'n niet-bestaand teken gaat, kan het zijn dat 'n browser dat per ongeluk als 'n opdracht of zo leest.
Bovendien zien je bezoekers nu 'n vraagteken of Chinees in plaats van 'n euro-teken, en dat kan allicht tot woeste klanten leiden...
 
Bij mij werkte hij in Internet Explorer 7 wel, maar in IE 8 niet.
Je zet in je css bij .verwijderen a text-decoration uit.
Vervolgens moet er dan bij hoveren over die <a> 'n border aan de onderkant worden gezet. Dat moet kunnen, maar om een of andere reden doet IE 8 dat gewoon niet. Dat zou 'n bug in IE 8 kunnen zijn.
Om dat echt vast te stellen is vrij veel werk.
'n Simpeler oplossing is om bij hoveren over de <a> gewoon 'n onderstreping te geven. Dat ziet er hetzelfde uit en werkt wel in IE 8:

Code: 
.verwijderen a:hover {
text-decoration: underline;
}

Dan hoef je zelfs geen kleur op te geven, want die blijft gewoon hetzelfde.
Overigens vind ik het wel wat onduidelijk dat je kunt klikken op Nee of Ja. Ik zou die onderstreping gewoon altijd aan laten of er 'n knop van maken of zo, zodat mensen zien dat je erop kunt klikken.

Edit:: soms ben ik 'n koekenbakker. 't Werkt nu wel in IE 8, maar ik vergeet helemaal naar je probleem in IE 7 te kijken. En dat bestaat dus nog steeds. :o
Daar ga ik nu even naar kijken
 
Laatst bewerkt:
Ik begin even opnieuw, anders wordt 't te onduidelijk. In ieder geval werkt 't nu ook gelijk in IE 8.
IE 7 neemt de breedte van de marge er gewoon bij. Dat is hartstikke fout, maar IE 7 zit vol met dat soort fouten. Als je geen blok-element van 'n <a> maakt, en dat heb jij niet gedaan, hoort er alleen op hoveren over de tekst gereageerd te worden.
Nou kun je voor IE 7 apart iets gaan maken, simpeler is om de <a>'s even in 'n <span> te zetten, en die span de marge te geven. Dan werkt 't in IE 7 goed, en ook in IE 8 en 6, Opera, Firefox, Safari en Google Chrome.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="styletest.css" />
	<title>Immo-Admin</title>
</head>
<body>
	<div class="verwijderen"> 
		<div class="verwijderenTitel"> Weet u zeker dat u het volgende vastgoed definitief wilt verwijderen?</div>
		<p>Te Koop: test foto's 3<br />
			ddddd <br />
			9300 Aalst<br />
			Prijs: &euro; 123.456.789<br />
			Status: Verhuurd<br />
		</p>
		<p><img alt="ddddd  - Aalst" src="test.jpg"/></p>
		<span><a href="archief.php">Nee</a></span>
		<span><a href="vastgoed.php?action=verwijderVastgoed&;unVastgoed=11">Ja</a></span>
	</div>
</body>
</html>

Code: 
.verwijderen {
border: 1px dotted #666666;
background-color: #F4F4F4;
width: 620px;
padding: 10px;
}

.verwijderen img {
border: 1px solid #A0ACC0;
margin: 10px;
}

.verwijderen span {
margin-left: 200px;
}

.verwijderen a {
text-decoration: none;
color: #000080;
}

.verwijderen a:hover {
text-decoration: underline;
}

.verwijderenTitel {
font-weight: bold;
}

Nou, dat zou 'm moeten zijn!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan