Problem med hemsida.

Jesper · 8 oktober, 2006

Tja

Jag håller på med en hemsida i dreamweaver men nu har jag ett problem. När jag gör en rollover bild så ser det jätte bra ut när man förhandsgranskar i dreamweaver men när jag laddar upp det på mitt utrymme så finns där ingen bild när jag öppnar sidan. jag har rollover bilder i menyn och de funkar bra.

så vad kan problemet vara?

Maimstream · 8 oktober, 2006

Oh ja, låt oss alla skriva våra hemsidors problem i fel forum i fortsättningen!

the-copy · 8 oktober, 2006

Kolla om bilderna finns

Redigerad 8 oktober, 2006 av the-copy

Mathias · 8 oktober, 2006

Har du laddat upp bilderna? och ligger de "rätt?"

Jesper · 8 oktober, 2006

Japp det har jag, men det konstiga är att det inte syns något alls inte äns en såndär ruta med rött kryss.

Maimstream · 8 oktober, 2006

Vad heter filerna? Kom att tänka på nu, några av mina kompisar hade samma problem en gång i tiden, och filerna får inte heta något med Å, Ä eller Ö.

oscarw_89 · 8 oktober, 2006

Varför inte lägga upp käll koden här eller länka till vart du laddat upp allt.

samuelszon · 8 oktober, 2006

Om du har skrivit bara ="rollover1.gif" eller typ ="david1.gif" så hittar inte DW bilden. Det syns dock i webläsaren sedan, så oroa dig inte.

Om du vill att den ska synas i DW, leta upp den när "Browse" kommer upp, eller nåt sånt.

Edit: Aha, det var i Dreamweaver du såg den. OK, då är det tvärt om. Skriv bara filnamnet + filtypen (t.ex. .jpg), då ser det bra ut sedan. Inte C:/Documents and Settings/My Pictures/David/rollis1.gif eller vad det nu är.

Redigerad 8 oktober, 2006 av samuelszon

Jesper · 8 oktober, 2006

Här är koden

<!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=iso-8859-1" />

<title>Bilder</title>

<style type="text/css">

<!--

body {

	background-image: url(svartbakgrund.jpg);

}

#Layer1 {

	position:absolute;

	left:127px;

	top:82px;

	width:250px;

	height:250px;

	z-index:1;

}

#Layer2 {

	position:absolute;

	left:378px;

	top:82px;

	width:250;

	height:250;

	z-index:2;

}

#Layer3 {

	position:absolute;

	left:127px;

	top:333px;

	width:250;

	height:250;

	z-index:3;

}

#Layer4 {

	position:absolute;

	left:379px;

	top:334px;

	width:250;

	height:250;

	z-index:4;

}

-->

</style>

<script type="text/JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}


function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}


function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}


function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

</head>


<body onload="MM_preloadImages('bildmenybilar2.jpg','bildmenyblandat2.jpg','bildmenydrifting2.jpg')">

<div id="Layer1"><a href="bilderbilar.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bild1','','bildmenybilar2.jpg',1)"><img src="bildmenybilar1.jpg" name="bild1" width="250" height="250" border="0" id="bild1" /></a></div>

<div id="Layer2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','bildmenydrifting2.jpg',0)"><img src="bildmenymoppe1.jpg" name="Image2" width="250" height="250" border="0" id="Image2" /></a></div>

<div id="Layer3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','bildmenyblandat2.jpg',1)"><img src="bildmenyblandat1.jpg" name="Image3" width="250" height="250" border="0" id="Image3" /></a></div>

<div id="Layer4"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','bildmenydrifting2.jpg',1)"><img src="bildmenydrifiting.jpg" name="Image4" width="250" height="250" border="0" id="Image4" /></a></div>

</body>

</html>

Jesper · 11 oktober, 2006

Jag provade att minsak bilderna till 200*200pixlar och då funkade det. är det så att rollover bilder inte kan vara större än 200*200 eller är dethemsideutrymmet som intestödjer detta?

R2D2 · 11 oktober, 2006

Om bilderna är länkar kan du göra det via css istället.

Jesper · 12 oktober, 2006

Ok, ska prova det.

Logga in

Problem med hemsida.

Recommended Posts

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Länk till kommentar

Dela på andra sidor

Join the conversation