login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Afbeelding die linkt naar andere website werkt niet (Opgelost)

Offline Catoo - 30/04/2014 08:00 (laatste wijziging 30/04/2014 08:01)
Avatar van CatooNieuw lid Hallo,

Mijn website is gemaakt in HTML/CSS.
Deze heb ik gemaakt in twee talen: Nederlands en Duits. Ik heb ook een .nl en .de domein waarop beide websites zijn geupload.
Nu wil ik via een landenvlaggetje op de Nederlandse website linken naar de Duitse website en andersom. De afbeelding krijg ik wel op de website, maar op de een of andere manier linkt hij niet.

HTML:
<div id="taal">
<a href="http://www.naamwebsite.de"><img src="Duitse vlag.png"></a>
</div>

CSS:
#taal
{position: absolute;
top: 150px;
left: 1000px;
width: 40px;
height: 30px;
border: 1px; (0 heb ik ook al geprobeerd)
border-radius: 0em;
margin: 0% 0% 0% 0%;
}

Het stomme is, dat als ik
<a href="http://www.naamwebsite.de"><img src="Duitse vlag.png"></a>
plak in <article>, hij WEL werkt! Wat zie ik over het hoofd?

Op andere forums heb ik gelezen over background-image:url(Duitse vlag.png) plaatsen in CSS, maar dan verschijnt de Duitse vlag überhaupt niet meer.

Dus bij de eerste wel een vlag, maar geen link.
Bij background-image:url geen vlag en dus ook geen link.

De afbeelding staat in dezelfde map als de stylesheet en het bestand.

Het zou fijn zijn als iemand de oplossing weet.



4 antwoorden

Gesponsorde links
Offline Koen - 30/04/2014 09:40
Avatar van Koen PHP expert div#taal staat absoluut gepositioneerd. Er is niets mis met je HTML code, dus ik vermoed dat een ander element zichzelf vóór deze div heeft geplaatst. Probeer om div#taal met css een hogere z-index te geven dan het element waar het zich achter verstopt.

Als je een online voorbeeld hebt, hetzij op de website zelf, hetzij op jsFiddle, mag je dat altijd posten zodat wij ook even kunnen kijken. 
Bedankt door: Catoo
Offline Catoo - 30/04/2014 11:02
Avatar van Catoo Nieuw lid Hallo Koen,
Dank voor je reactie!
Wat is een z-index?
De website is wel geupload, maar zonder het vlaggetje aangezien deze nog niet functioneert.
Offline Wijnand - 30/04/2014 13:38
Avatar van Wijnand Moderator in programmeren heb je x, y en z. x = horizontaal, y = verticaal en z = diepte.

Dus z-index is dat je de index qua diepte zet.

Stel je hebt 2 div's boven elkaar die position absolute zijn. De eerste met z-index:5 en de ander met z-index:10 dan wordt deze laatste zichtbaar, omdat deze hoger in de lijst staat.

In dit geval kun je in #taal dus één regel erbij zetten: z-index:5;
Dan zou het moeten werken.
Bedankt door: Catoo
Offline Catoo - 30/04/2014 22:15
Avatar van Catoo Nieuw lid Koen en Wijnand,

Dat is het inderdaad geweest, het werkt. Super bedankt!
Van deze termen had ik nog niet eerder gehoord, weer wat geleerd.

Fijn, dankjewel!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2020 Sitemasters.be - Regels - Laadtijd: 0.196s