Vinnaren i pepparkakshustävlingen!
2014-09-11, 09:43
  #1
Medlem
Jag har en icon. Dock syns bara iconen i webbläsaren firefox. Iconen verkar inte synas i dom andra webbläsarna. Hur göra man så att iconen syns i alla webbläsare.

Mvh

Här är min kod:

HTML-kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>Autograph Original: Autographs for Sale</title>
	<!--Including styling-->
	<link rel="stylesheet" type="text/css" href="style.css">

	<!-- Add fancyBox main JS and CSS files -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" />
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();
		});
	</script>
</head>
<body bgColor=#FFFFFF marginleft="0" topmargin="0">
<TABLE width=750 border=0 align=center cellPadding=0 cellSpacing=0 bgcolor="#FFFFFF">
	<TBODY>
	<TR>
		<TD vAlign=top colSpan=4 height=80>
			<TABLE cellSpacing=0 cellPadding=0 width="750" align=center border=0>
				<TBODY>
				<TR bgColor=#FFFFFF>
					<TD height="100" colSpan=2 align=left><IMG src="logo.png" alt="" border=0 ></TD>
					<TD height="100" align=center class=grand_titre></TD>
				</TR>
				</TBODY>
			</TABLE>
			<TABLE cellSpacing=0 cellPadding=0 width=750 align=center bgColor=#fefefe border=0>
				<TBODY>
				<TR>
					<TD bgColor=#FFFFFF colSpan=4><IMG height=2 alt="" hspace=0 src="../models/2/fichiers/pixel.gif" width=1 border=0></TD>
				</TR>

				<TR vAlign=center bgColor=#000000 >
					<TD width="5">&nbsp;</TD>
					<TD width="57%" height=61 align=left noWrap class=titre><a href="http://www.autographoriginal.com">Home</a><span style='letter-spacing:10pt'>&nbsp;&nbsp;</span><a href="http://www.autographoriginal.com/autographs_a_z.php">Autographs A-Z</a><span style='letter-spacing:10pt'>&nbsp;&nbsp;</span><a href="http://www.autographoriginal.com/about_us.php">About Us</a><span style='letter-spacing:10pt'>&nbsp;&nbsp;</span><a href="http://www.autographoriginal.com/contact.php">Contact</a></TD>

					<TD align=right width="37%" class=titre><body>
					<form action="./search.php" method="post">
						<label></label> <input type="search" name="querystring" /> <button type="submit">Search</button>
					</form>
					</body></TD>
					<TD width="5">&nbsp;</TD>
				</TR>
				<TR>
					<TD bgColor=#FFFFFF colSpan=4><IMG height=2 alt="" hspace=0 src="../models/2/fichiers/pixel.gif" width=1 border=0></TD>
				</TR>
				</TBODY>
			</TABLE>
		</TD>
	</TR>
	<TR>
		<TD colSpan=4><IMG height=10
						   src="../models/2/fichiers/pixel.gif" width=1></TD>
	</TR>
	<TR>

		<TD width=10 height=10><IMG height=1 src="../models/2/fichiers/pixel.gif" width=10></TD>
		<TD vAlign=top width=610 height=273>
			<a rel="shadowbox" class="fancybox" href='http://autographoriginal.com/justin_bieber.jpg' target='_blank'><img src='http://s26.postimg.org/4tsur9o91/justin_bieber.jpg' border='0' alt="justin bieber" /></a>
			<br>
			<br>

			<html>
			<head>
				<title>Formulärsidan</title>
			</head>
			<body>

			<form name="form" method="post" action="http://formmail.autographoriginal.com"
				  accept-charset="iso-8859-1">

				<input type="hidden" name="recipient" value="order@autographoriginal.com">
				<input type="hidden" name="redirect" value="http://www.autographoriginal.com/thanks.php">

				<select name="subject" size="1"><option value="Justin Bieber">Justin Bieber</option></select><br>
				<br>
				<font size="2"><b>Item Description:</b><br>
					<a href="http://en.wikipedia.org/wiki/Justin_Bieber" target="_blank"><span style="font-weight:normal"><font size="2" color="black"><u>Justin Bieber</u></span></font></a> authentic autograph with <a href="http://en.wikipedia.org/wiki/Certificate_of_authenticity" target="_blank"><span style="font-weight:normal"><font size="2" color="black"><u>Certificate of Authenticity (COA)</u></span></font></a>.<br>
				<br><b>Payment:</b><br />
				Your bill, and details for payment, will be enclosed with the item. - No extra charge. <br>
				<b>Shipping:</b> <br />
				International shipping with UPS. Arrives in your mailbox within 5 to 10 business days. - Free shipping.<br>
				<b>Returns:</b><br />
				Returns accepted - After receiving the item, buyer should contact us within: 14 days.
				<br>Refund will be given as: Money back. Return shipping will be paid by: Seller.
				<br>
				<br>
				<br />
				<b><font size="6">Total: $20.00</font></b> <br>
				<br>
				<br>
				Email address: *<br>
				<input type="text" size="25" name="email"><br>
				First name: *<br>
				<input type="text" size="25" name="First name"><br>
				Last name: *<br>
				<input type="text" size="25" name="Last name"><br>
				Address line 1: *<br>
				<input type="text" size="25" name="Address line 1"><br>
				Address line 2:<br>
				<input type="text" size="25" name="Address line 2"><br>
				ZIP/Postal Code: *<br>
				<input type="text" size="25" name="ZIP/Postal Code"><br>
				City: *<br>
				<input type="text" size="25" name="City"><br>
				State/Province/Region: *<br>
				<input type="text" size="25" name="State/Province/Region"><br>
				Country: *<br>
				<select name="Country" size="1">
					<option value="-1">Select one</option>
					<option value="Afghanistan" >Afghanistan</option>

					<option value="Zimbabwe" >Zimbabwe</option> </select>

				<br>

				<br>
				<input type="submit" value="Order">
				<br>
				<br>
				<br></font>
			</form>
		</TD>
		<TD height=273>&nbsp;</TD>


	</tr>
	</tbody>
</table>

<table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="750">
	<tbody>
	<tr>
		<td colspan="4" height="2" bgcolor="#000000"><img src="alphabet-filer/pixel.gif" height="2"></td>
	</tr>
	</tbody>
</table>

<br>
	<center>  <TD height="100" colSpan=2 align=left><IMG src="logo2.png" alt="" border=0 ></TD></center>
<br>

<script src="alphabet-filer/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-1779264-1";urchinTracker();</script>
</body>
</html>
Citera
2014-09-11, 11:45
  #2
Medlem
winINCs avatar
Vilken ikon pratar du om? Du skickade ju med markup till hela sidan... Visa vilken specifik del av det hela som blir fel, gör gärna en JSfiddle av det om du orkar, det blir mycket lättare att felsöka då.
Citera
2014-09-11, 11:55
  #3
Medlem
Denna ikon:

HTML-kod:
	<LINK REL="SHORTCUT ICON" HREF="icon.png">
		<LINK REL="ICON" HREF="icon.png">
Citera
2014-09-11, 19:24
  #4
Medlem
För att göra så att så många webbläsare som möjligt ska visa ikonen gör man följande:

Inkludera följande tagg inom <head>: <link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon" />
Ikonfilen kan ligga var som helst, men vissa äldre webbläsare känner inte igen <link rel="icon" ... /> utan letar direkt i /favicon.ico, som därmed används med fördel som plats för filen. Var filen än placeras, måste attributet href alltid peka dit.
Filer av typen .ico är de enda som stöds av Internet Explorer version 6 och tidigare. Av de flesta övriga webbläsare tillåts som favicon alla de filformat som webbläsaren i övrigt stödjer.
Citera
2014-09-11, 19:32
  #5
Medlem
winINCs avatar
Citat:
Ursprungligen postat av figoo
Denna ikon:

HTML-kod:
	<LINK REL="SHORTCUT ICON" HREF="icon.png">
		<LINK REL="ICON" HREF="icon.png">
Först och främst ska du ta bort
HTML-kod:
<LINK REL="SHORTCUT ICON" HREF="icon.png">

Sen ska du ha en ikon som heter favicon.ico så din korrekta länk ska till slut bli
HTML-kod:
<link rel="icon" href="favicon.ico">

Återkom när du gjort detta, rensat ditt cache och testat i alla browsers.
Citera
2014-09-11, 22:38
  #6
Medlem
Verkar fungera med min ikon i alla webbläsare genom följande:

HTML-kod:
<link rel="icon" href="http://autographoriginal.com/favicon.ico" type="image/vnd.microsoft.icon" />
Citera
2014-09-11, 23:21
  #7
Medlem
Citat:
Ursprungligen postat av figoo
Verkar fungera med min ikon i alla webbläsare genom följande:

HTML-kod:
<link rel="icon" href="http://autographoriginal.com/favicon.ico" type="image/vnd.microsoft.icon" />

Inkludera inte hostnamnet i länken, då gör du sidan svårare att flytta. Det räcker med "/favicon.ico".
Citera
2014-09-11, 23:42
  #8
Medlem
Okej tack. Jag ändrade
Citera
2014-09-12, 08:21
  #9
Moderator
vhes avatar
Övriga utvecklingsfrågor --> Webbutveckling och javascript
/Moderator
Citera

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback