Gå til innhold

Et lightbox problem

Frigg33

Av Frigg33
i Programmering og webutvikling

Anbefalte innlegg

Frigg33

Frigg33

Skrevet
  • Forfatter
Skrevet (endret) 

<!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>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Media</title>
<link href="CSS-fil.css" rel="stylesheet" type="text/css" />
</head>
<body>

<table width="995" height="572" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td width="179" height="224" background="images/toppvenstre.jpg" class="venstre-midt"></td>
   <td width="700" background="images/Kopi av topp-midten.jpg" class="venstre-midt"></td>
   <td width="116" background="images/hoyretopp.jpg" class="venstre-midt"></td>
 </tr>
 <tr>
   <td width="179" height="300" valign="top" class="venstre-midt style2" td ><img src="images/venstre_midt(2).jpg" width="179" height="300" border="0" usemap="#map" />
     <map name="map">

       <!-- #$AUTHOR:Per Oscar -->
       <area shape="rect" coords="45,28,118,49" href="index.html" />
       <area shape="rect" coords="74,64,115,85" href="Bio.html" />
       <area shape="rect" coords="26,100,107,122" href="media.php" />
       <area shape="rect" coords="12,136,104,155" href="shows.html" />
       <area shape="rect" coords="14,167,131,189" href="contact.html" />
       <area shape="rect" coords="14,201,162,221" href="gjestebokurl" />
     </map></td> 
   <td valign="top"> <div div-id="media-div" width="700" height="330"allowtransparency="yes" scrolling="yes" frameborder="0">


<!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>

     <script type="text/javascript" src="../lightbox/js/prototype.js"></script>
     <script type="text/javascript" src="../lightbox/js/scriptaculous.js?load=effects"></script>
     <script type="text/javascript" src="../lightbox/js/lightbox.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<body>
<link href="css-tekst.css" rel="stylesheet" type="text/css" />


<p class="overskrift">Media!</p>
<p class="style1">Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.</p>
<p class="style1">

<a href="../images/1.jpg" rel="lightbox[roadtrip]" title="L@x-festivlaen"><img src="../images/thumbnails/1.jpg" 
</a>

<a href="../images/2.jpg" rel="lightbox[roadtrip]" title="L@x-festivlaen"><img src="../images/thumbnails/2.jpg" 
</a>

<a href="../images/3.jpg" rel="lightbox[roadtrip]" title="L@x-festivlaen"><img src="../images/thumbnails/3.jpg" 
</a>

<p class="style1">Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.<br />
<br />
<br />
Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.<br />
<br />
Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.<br />
Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.Her er noen bilder for å teste lightbox funksjonen. Når du trykker på bildene kan du ble med hjelp av piltastene.</p>

 </p>
</body>

</html>





</div> </td>

   <td background="images/hoyremidt.jpg"> </td>
 </tr>
 <tr>
   <td colspan="2" background="images/bunn.jpg" class="bakgrundsbilde"> </td>
   <td background="images/hoyrenede.jpg" class="bakgrundsbilde"> </td>
 </tr>
</table>
</body>

</html>

Beklager hvis det er rotete.. er ganske ny på dette..

Endret av Oxaren
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
-Teddy-

-Teddy-

Skrevet
Skrevet

Akkurat, du har dobbelt opp. Du skal KUN ha innholdet i siden du inkluderer, ikke noen html, head eller bodytags. Legg til <link href="css-tekst.css" rel="stylesheet" type="text/css" /> i siden der du har includescriptet, bare pass på at linken er relativ til siden som inneholder includescriptet. :)

Lenke til kommentar
-Teddy-

-Teddy-

Skrevet
Skrevet

Du har en div rundt det du inkluderer, såvidt jeg kan se så heter den "media-div". I CSS'en skriver du

 

div#media-div{

overflow: scroll;

}

 

Er litt markup jeg stusser på her, <div div-id="media-div"> ? Det er <div id="media-div"> som er rett. Er litt ymse annet som ikke stemmer óg, eller som i alle fall ikke er god, semantisk html.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...