apple-touch-icon werkt niet (door style.css file??) - Softwareontwikkeling

vrijdag 14 maart 2014 11:40

Acties:

Topicstarter

Ik probeer in de header van mijn website stukje HTML code te plaatsen zodat als mensen op bv hun ipad mijn website toevoegen aan hun beginschern ze een mooi icoon krijgen.

Tutorial die ik volg: http://www.websonic.nl/tu...htmlxhtml/html_iphone.php, er staan er nog veel meer op internet, maar allemaal maken ze gebruik van onderstaande code

de html code die ik dus toevoeg in mijn header:

<link rel="apple-touch-icon" href="/touch-icon-iphone.png">

Ik heb me gehouden aan het juiste formaat (.png) en de juiste naamgeving(apple-touch-icon) en de juiste locatie van het icoon (nu zowel in de root als in de images map) van mijn server, maar toch werkt het niet?

Kan het te maken hebben met het '.css style' bestand waar mijn website template gebruik van maakt?
Als ik de html code namelijk vóór onderstaande code plaats in de header, ziet de opmaak van mijn site er niet meer uit.

<link rel="stylesheet" href="css/style.css" type="text/css">.

Mijn volledige header, waarbij het icoon dus niet werkt ziet er als volgt uit

<head>
<meta charset="UTF-8">
<title>VerseTaarten.nl ... omdat écht vers het lekkerst is.</title>

<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="apple-touch-icon" href="http://www.versetaarten.nl/images/apple-touch-icon.png"
/>
</head>

Ik ben geen expert in programmeren (vandaar de template die ik kan berwerken in dreamweaver), ik hoop dat iemand mij hierbij kan helpen

vrijdag 14 maart 2014 12:00

Acties:

eM.

Als ik naar http://www.versetaarten.nl/images/apple-touch-icon.png ga zie ik ook geen afbeelding. Weet je zeker dat je in images/ map een afbeelding hebt staan:P ?

[ Voor 25% gewijzigd door eM. op 14-03-2014 12:04 ]

vrijdag 14 maart 2014 12:05

Acties:

mhoogendam

http://www.versetaarten.nl/apple-touch-icon.png geeft ook errors wanneer je deze opent in de browser.

Ik heb zelf .jpg staan en dit werkt goed op een iPad.

vrijdag 14 maart 2014 12:08

Acties:

Verwijderd

Als ik de html code namelijk vóór onderstaande code plaats in de header, ziet de opmaak van mijn site er niet meer uit.

Logisch, want de CSS is van toepassing op de HTML en niet andersom.

<link rel="apple-touch-icon" href="http://www.versetaarten.nl/images/apple-touch-icon.png"
/>

Bestand staat daar inderdaad niet, geeft 404.

Ik ben geen expert in programmeren (vandaar de template die ik kan berwerken in dreamweaver), ik hoop dat iemand mij hierbij kan helpen

Gelet op je vragen en basale fouten raad ik je aan om je eerst te verdiepen in HTML voor je duikt in templates die je eigenlijk niet begrijpt. Vrij basale zaken die je hier uitvraagt, namelijk.

vrijdag 14 maart 2014 20:37

Acties:

drm

f0pc0dert

backer_78:
de html code die ik dus toevoeg in mijn header:

<link rel="apple-touch-icon" href="/touch-icon-iphone.png">

Ik heb me gehouden aan het juiste formaat (.png) en de juiste naamgeving(apple-touch-icon)

... maar toch heeft je file een andere naam

Je filename is ook van belang, vermoed ik. Rename die ook even naar 'apple-touch-icon.png', en pas de href aan.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

vrijdag 14 maart 2014 20:41

Acties:

Creepy

Tactical Espionage Splatterer

Dus even zorgen dat de file naam in de href en in je css daadwerkelijk overeenkomen met de filenaam op de server. Als je zeker weet dat dat allemaal klopt en het werkt dan nog niet, dan kan je een nieuw topic openen, maar doe dat dan wel even op de juiste plek. Zie Waar hoort mijn topic?

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney