trenger hjelp til noe små koding ang. bilder

cmi · 30. juli 2006

Det fucka ikkeno, men den effekten funker fortsatt ikke den åpner lissom bare en ny side med bilde. som om jeg skulle linket den helt vanlig...

Hele koden er nå:

<!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" lang="en" xml:lang="en">
<head>
<title>Index</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Homefront Studios" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body onload="initLightbox()">
<div id="container" style="width: 760px; height: 522px">
<div id="header-wrap">
<div id="header" style="width: 760px; height: 200px">
<div id="navcontainer">
<ul id="nav">
<li><a href="index.html">Hjem</a></li>
<li><a href="#">Foto Galleri</a></li>
<li><a href="observasjoner.htm">Observasjoner</a></li>
<li><a href="gjestebok.htm">Gjestebok</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<p><img src="images/Header%20org.jpg"></p></div><!-- header -->
</div><!-- header-wrap -->

<p>      </p>
<h2>
<b><font size="4">     </font>
<u><font style="font-style: normal" size="4"> Galleri:</font></u></b></h2>
<div class=body>
								<address>      
									<span style="font-style: normal">
									<font size="2">Her har dere bildene, man kan bruke "Velg 
								kategori" for og få et sortert utvalg
									</font> </span> 
								</address>
								<address><span style="font-style: normal">
									<font size="2">      av 
								det man vil se på, her er det alt fra Fugle 
								foto til litt mer spesial effekt bilder.</font></span></address>
								<address> </address>
								<address><span style="font-style: normal">
									<font size="2">      Kos 
								dere mens dere kikker her, liker dere det 
								ikke kan dere jo bare finne veien</font></span></address>
								<address><span style="font-style: normal">
									<font size="2">      til 
								det lille krysset øverst i høyre hjørnet, så 
								slipper dere.</font></span></address>
								<address> </address>
								<address><font size="2">
									<span style="font-style: normal">      
									Ps: Bilder kan se uskarpe ut på en lav 
									oppløst skjerm.</span></font></address>
								<address> </address>
								<address><font size="2"> </font><span style="font-style: normal; "><font size="2">    
									<u>Velg 
									Menyen:</u></font></span></address>
								<address> </address>
								<address><span style="font-style: normal">
									<font size="2">      1. Fugler 
									- det er ikke alle bildene som er av 
									samme kvalitet, men etterhvert vil det 
									bli det</font></span></address>
								<address><font size="2">
									<span style="font-style: normal">                     
									da jeg hele tiden oppdaterer med bedre 
									bilder av hver art.</span></font></address>
</div>		
<p> </p>
<p> </p>
<p><!-- sidebar -->

</p>

<tr>
					<td>
					<table width="739">	
	<tr>
		<td width='156' class=bakgrunnAktKal rowspan=2 align="center">
			<a href="Fugle bilder/Smaalom (1).jpg" title="stort bilde" rel="lightbox"> <img border="0" src="minitayrbilder/fotoga1.jpg" align="right" style="border: 3px double #FFFFFF"/></a>
		<td width="73%">
			<b class=ingress>Smålom (Gavia arctica)</b> <br><br>
			Hovet, Buskerud, Norge - 2006</td>
	</tr>
	<tr>
		<td>
			 </td>
	</tr>
	<tr>
	<td colspan=2 bgcolor=#ffffff align="center"></td>
	</tr>

Endret 30. juli 2006 av cmi

KiKKA · 30. juli 2006

Alt er rett! Har til og med testet det!

Eneste jeg kan tenke meg nå, er at du enten ikke har filene i rette mappe, eller at nettleseren din blokkerer innholdet. Nr. 2 er lite trolig..

Dermed: Har du alle filene fra zip-fila i en mappe sammen med din html fil?

EDIT: Dessuten har koden din 20 feil i validatorn!

Endret 30. juli 2006 av KiKKA

cmi · 30. juli 2006

Alt ligger i mappa med resten av siden min...

den åpner jo bildet, men ikke på den måten den skal :cry:

KiKKA · 30. juli 2006

Kan du ta et screencapture av mappetreet ditt?

Jeg har vanskelig for å tro at det ikke fungerer for deg, hvis det fungerer for meg!

Firefox?

cmi · 30. juli 2006

Jeg åpner siden i IE, men bruker Opera, poenget er jo at det skal funke i alle nettlesere, gudene vet hvordan man gjør det men det kommer :tease:

KiKKA · 30. juli 2006

Når du går inn på siden til han som har laget det, fungerer det der?

Kan man få se mappetreet ditt?

Endret 30. juli 2006 av KiKKA

cmi · 30. juli 2006

Sånn du mente?

KiKKA · 30. juli 2006

Hvor er js-mappa, med de faktiske javascriptfilene?

cmi · 30. juli 2006

den ligger i feil mappe

cmi · 30. juli 2006

TAKKER! bra du hadde tålmodighet med meg ass!! nå funker det

nå vil det si jeg bare kan legge inn linke fila til alle bildene så er saken biff??

KiKKA · 30. juli 2006

TAKKER! bra du hadde tålmodighet med meg ass!! nå funker det

nå vil det si jeg bare kan legge inn linke fila til alle bildene så er saken biff??

6585072[/snapback]

Var nokså lei på slutten her...

Ikke at jeg helt fatter hva du mener, men tror nok det! Bare å spørre hvis du støter på noen problemer.

cmi · 30. juli 2006

Ja skjønte det hehe.

Nei det jeg mener er at jeg bare gjør det samme med denne:

<a href="Fugle bilder/Smaalom (1).jpg" title="stort bilde" rel="lightbox"> <img border="0" src="minitayrbilder/fotoga1.jpg" align="right" style="border: 3px double #FFFFFF"/></a>

så fikser alt seg

Når du fikk den til hos deg, åpnet bilde seg på midten da??

cmi · 30. juli 2006

Når jeg åpner bilde kommer det til venstre, ser du noe i kodene mine som sier at den ikke skal være "centre" ?

KiKKA · 31. juli 2006

Der må jeg nok melde pass! Ser ikke noe som kan gjøre dette! Eneste jeg kan tenke meg er at stilarket ditt (CSS) gjør noe, men kan ikke svare på det..

Andre?

cmi · 31. juli 2006

Dette er koden til Lightboxen, noen som kan hjelpe meg??

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

Nicolasn · 1. januar 2007

Trenger litt hjelp angående Lightbox JS. Problemet er at jeg har lastet opp alle filene; Lightbox.css , Lightbox.JS , Loading.gif , Overlay.gif og Close.gif!

Men problemet er at jeg får ikke den skyggeeffetken til å fungere, og har ikke noen peiling på hvorf jeg skal fikse dette hen? Er det i css-filen eller JS-filen?

Logg inn

trenger hjelp til noe små koding ang. bilder

Anbefalte innlegg

cmi

Lenke til kommentar

Videoannonse

KiKKA

Lenke til kommentar

cmi

Lenke til kommentar

KiKKA

Lenke til kommentar

cmi

Lenke til kommentar

KiKKA

Lenke til kommentar

cmi

Lenke til kommentar

KiKKA

Lenke til kommentar

cmi

Lenke til kommentar

cmi

Lenke til kommentar

KiKKA

Lenke til kommentar

cmi

Lenke til kommentar

cmi

Lenke til kommentar

KiKKA

Lenke til kommentar

cmi

Lenke til kommentar

Nicolasn

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer