Billedgalleri eller fotoalbum 20-02-06 19:51 : arnely 20-02-06 20:31 : mimimig 20-02-06 21:06 : anetteogjesper 20-02-06 21:15 : mimimig 20-02-06 21:52 : Mad_Nuser 20-02-06 22:56 : Brassovitski 21-02-06 09:31 : molokyle 21-02-06 10:30 : anetteogjesper 21-02-06 13:30 : molokyle 01-03-06 22:16 : anetteogjesper 01-03-06 22:31 : anetteogjesper 02-03-06 08:07 : molokyle 02-03-06 08:16 : molokyle 02-03-06 11:17 : anetteogjesper 02-03-06 12:14 : anetteogjesper 02-03-06 13:21 : anetteogjesper 02-03-06 13:23 : anetteogjesper 02-03-06 14:08 : molokyle 02-03-06 14:15 : anetteogjesper 02-03-06 14:38 : molokyle 02-03-06 16:33 : anetteogjesper 02-03-06 17:12 : molokyle 02-03-06 17:29 : anetteogjesper 02-03-06 22:33 : molokyle 02-03-06 22:40 : molokyle 03-03-06 00:59 : anetteogjesper

Billedgalleri eller fotoalbum Fra : anetteogjesper Vist : 2365 gange 100 point Dato : 20-02-06 19:47

Hej Jeg vil gerne have lavet et galleri eller fotoalbum på min side og ville høre om der var nogen der havde et fif eller en kode til det? mvh Anette

Kommentar Fra : arnely Dato : 20-02-06 19:51

Du kan da bare sætte alle dine billeder ind i en tabel. Men det er måske ikke det du tænker på Skal det være noget der står og skifter af sig selv??

Accepteret svar Fra : mimimig Modtaget 100 point Dato : 20-02-06 20:31

Prøv at kig nærmere på www.jalbum.net så er det bare så nemt og gratis. Hilsen mimimig

Kommentar Fra : anetteogjesper Dato : 20-02-06 21:06

Den fra www.jalbum.net, er det en man kan ligge ind på sin hjemmeside?

Kommentar Fra : mimimig Dato : 20-02-06 21:15

Ja du kan bruge den på din hjemmeside, den kan selv uploade eller du kan brugt ftp. Den er også på dansk og kan også lave slideshow og har mange forskellige baggrunde at vælge imellem. Du kan se den i drift på www.ulkeboel.dk/indeks prøv at klikke på sommerhus 06 (det er min kone´s der leger med fotoalbum på nettet.) Hilsen mimimig

Kommentar Fra : Mad_Nuser Dato : 20-02-06 21:52

Hej I kan bruge arles image web page creator http://www.digitaldutch.com/arles/ det er er godt program til formålet, det kan tilpasse tumbnails og selve billederne til siden. Jeg bruger det selv kan ses på http://www.blaeks-prutten.dk under Billed Galleri god fornøjelse mvh Mad-Nuser

Kommentar Fra : Brassovitski Dato : 20-02-06 22:56

Hvis du bruger Frontpage er der mulighed for at lave et billedshow, med forskellige indstillinger.

Kommentar Fra : molokyle Dato : 21-02-06 09:31

Man kan lave et galleri UDEN brug af javascript, flash eller anden dynamisk kode, blot ved at benytte CSS: http://www.cssplay.co.uk/menu/gallery_click.html Her er stylesheet'et: Kode <style type="text/css"> <!-- a, a:visited {color:#080;} /* needed for IE to make :active state work first time */ #container {position:relative; width:425px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:0 auto;} #container img {border:0;} a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;} a.slidea {background:url(london/thumb2.jpg);} a.slideb {background:url(london/thumb3.jpg);} a.slidec {background:url(london/thumb4.jpg);} a.slided {background:url(london/thumb5.jpg);} a.slidee {background:url(london/thumb6.jpg);} a.slidef {background:url(london/thumb7.jpg);} a.slideg {background:url(london/thumb8.jpg);} a.slideh {background:url(london/thumb9.jpg);} a.slidei {background:url(london/thumb10.jpg);} a.slidej {background:url(london/thumb11.jpg);} a.gallery em, a.gallery span {display:none;} a.gallery:hover {border:1px solid #fff;} a.gallery:hover span {display:block; position:absolute; width:402px; height:200px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff; z-index:100;} a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} a.gallery:active, a.gallery:focus {border:1px solid #000;} a.gallery:active em, a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;} #container h1 {clear:both; padding-top:75px; width:425px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;} #container h1 em {font-size:0.6em; color:#000;} //--> </style> ..og den korronspondrende HTML kode: Kode <div id="container"> <a class="gallery slidea" href="#nogo"><em><img src="london/pic2.jpg" alt="LSE Square" title="LSE Square" /></em><span>LSE Square<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slideb" href="#nogo"><em><img src="london/pic3.jpg" alt="Buckingham Palace" title="Buckingham Palace" /></em><span>Buckingham Palace<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slidec" href="#nogo"><em><img src="london/pic4.jpg" alt="Tower Bridge" title="Tower Bridge" /></em><span>Tower Bridge<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slided" href="#nogo"><em><img src="london/pic5.jpg" alt="Tower of London" title="Tower of London" /></em><span>Tower of London<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slidee" href="#nogo"><em><img src="london/pic6.jpg" alt="Houses of Parliament" title="Houses of Parliament" /></em><span>Houses of Parliament<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slidef" href="#nogo"><em><img src="london/pic7.jpg" alt="St. Paul's Cathedral" title="St. Paul's Cathedral" /></em><span>St. Paul's Cathedral<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slideg" href="#nogo"><em><img src="london/pic8.jpg" alt="The London Eye" title="The London Eye" /></em><span>The London Eye<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slideh" href="#nogo"><em><img src="london/pic9.jpg" alt="Albert Hall" title="Albert Hall" /></em><span>Albert Hall<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slidei" href="#nogo"><em><img src="london/pic10.jpg" alt="Wandsworth Common" title="Wandsworth Common" /></em><span>Wandsworth Common<br />Photographs courtesy of stock.xchng</span></a> <a class="gallery slidej" href="#nogo"><em><img src="london/pic11.jpg" alt="London Taxi Cab" title="London Taxi Cab" /></em><span>London Taxi Cab<br />Photographs courtesy of stock.xchng</span></a> <h1 id="subject">Views<br /><em>of</em><br />London</h1> </div> Du skal selvfølgelig selv indsætte din tekst og billeder istedet for de 'London-ting' der er brugt i eksemplet. </MOLOKYLE>

Kommentar Fra : anetteogjesper Dato : 21-02-06 10:30

Hej Molokyle Det lyder ellers godt, men kunne det måske laves sådan, der ligger billeder under billeder. Dvs. jeg har en hel del billeder, men så er der tilknyttet andre billeder til bestemte billeder og for det ikke skulle være for rodet kunne det være rart de ikke var fremme før man trykkede?

Kommentar Fra : molokyle Dato : 21-02-06 13:30

Så ville jeg, hvis det var mig, blot lave en række billedlink: Kode <a href="/billeder/fugle/fugle.html"><img src="lille_fugl.jpg" alt="Fuglebilleder" style="border:0px;" /></a> <br/> <a href="/billeder/fisk/fisk.html"><img src="lille_fisk.jpg" alt="Fiskebilleder" style="border:0px;" /></a> <br/> <a href="/billeder/heste/hest.html"><img src="lille_hest.jpg" alt="Hestebilleder" style="border:0px;" /></a> <br/> <a href="/billeder/barn/barn.html"><img src="lille_barn.jpg" alt="Børnebilleder" style="border:0px;" /></a> osv... ..og lave et galleri på hver af siderne: fugle.html, fisk.html, hest.html, barn.html ..i de repektive biblioteker. Ellers bliver det noget med jeg skal sidde og ryste javascriptkode ud af ærmet til dig og dette har jeg ikke tid til i øjeblikket Jeg har rigeligt med kode der SKAL laves færdigt for tiden </MOLOKYLE>

Kommentar Fra : anetteogjesper Dato : 01-03-06 22:16

Hej Jeg ville lige til at bruge din kode </MOLOKYLE> og kom lidt i tvvil... Hvad skal jeg ændre denne til: a.slidea {background:url(london/thumb2.jpg);} - billederne ligger jo i selve koden: london/pic3.jpg God ide med den sidste, så laver jeg bare et mini galeri, som den store

Kommentar Fra : anetteogjesper Dato : 01-03-06 22:31

Kan jeg skrive stylesheeten om, så den passer: Kode *content style (text=pageContent)*/ .text-header {    font-size: 20px;    font-family: Tahoma;    color: #BE5653;        } .text {    font-size: 11px;    font-family: Tahoma;    color: #948C97;    } Bare et lille eksempel..

Kommentar Fra : molokyle Dato : 02-03-06 08:07

Du skal skifte london/thumb2.jpg ude med de 'små' udgaver af dine billeder. Har du dine billed filer liggende i et bibliotek under roden / (..som er det bibliotek hvor din index.html fil ligger) der hedder 'billeder', så skal du ændre london/thumb2.jpg til; /billeder/MIT_LILLE_BILLEDE.jpg Ligeledes skal du i HTML filen ændre <img src="london/pic2.jpg" alt="LSE Square" title="LSE Square" /> til de store billeder du har liggende. Jf. ovenstående eksempel: <img src="/billeder/MIT_STORE_BILLEDE.jpg" alt="Billede af mormor" title="Billede af mormor" /> alt og title parametrene er de der resulterer i at der kommer en gul box frem med tekst, når musen holdes over billedet. alt parameteren er påklævet iflg. standarden for HTML, men ønsker du ikke denne gule box sætter du blot værdien til en tom streng. Altså; alt="" ...og ligeledes title="" </MOLOKYLE>

Kommentar Fra : molokyle Dato : 02-03-06 08:16

Ps. Citat Kan jeg skrive stylesheeten om, så den passer... Ja, du kan ændre præcis hvad du lyster Hvis jeg var dig ville jeg lave et externt stylesheet. Gem CSS koden som: Kode <!-- HER står din CSS kode //--> ..lav et bibliotek under roden / og kald dette css ..filen kalder du f.eks. galleri.css og lægger den i dette bibliotek. Du kan nu inkludere koden på alle sider hvor du ønsker et galleri ...med markøren: Kode <link rel="stylesheet" type="text/css" href="/css/galleri.css" /> Det skal indsættes mellem <head> og </head> på siden/-erne. Skal du fremover rette i CSS koden behøver du da kun gøre det ét sted; nemlig i galleri.css filen </MOLOKYLE>

Kommentar Fra : anetteogjesper Dato : 02-03-06 11:17

Hej takker Jeg skal så ikke lave stylesheet teksten om i den eksterne eller kan jeg bare sætte den direkte ind?

Kommentar Fra : anetteogjesper Dato : 02-03-06 12:14

Forresten kan man have to stylesheet koder i på samme side?

Kommentar Fra : anetteogjesper Dato : 02-03-06 13:21

Nu har jeg prøvet, men det virker ikke rigtigt, hvad har jeg gjort galt?

Kommentar Fra : anetteogjesper Dato : 02-03-06 13:23

Kode <html xmlns:fo="http://www.w3.org/1999/XSL/Format"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Brudenskjole - Brudekjoler</title><meta name="GENERATOR" content="          SWsoft       "><meta name="ID" content="          sitebuilder_1141296136       "><meta name="KEYWORDS" content="          Brudekjoler,brud,brudepigekjoler,børnetøj,pigetøj,damtøj,sko,drengetøj,pigetøj,Cloe.dk,slb,tilbehør,bryllup,gom,slør       "><meta name="DESCRIPTION" content="          Køb din drømmekjole, syet efter din helt egne m&aring;l uden at betale en formue.       "><link href="css/styles.css" rel="stylesheet" type="text/css"><link rel="stylesheet" type="text/css" href="css/galleri.css"></head><BODY MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" LEFTMARGIN="0"><TABLE cellpadding="0" cellspacing="0" width="100%" height="100%"><TR><TD class="main-bg"><TABLE WIDTH="780" HEIGHT="100%" align="center" CELLPADDING="0" CELLSPACING="0" BORDER="0" style="       background: url('images/header.jpg') no-repeat;    "><TR><TD colspan="2" height="15" width="780"></TD></TR><TR><TD colspan="2" width="100%" height="44" valign="top"><table cellpadding="0" cellspacing="0" width="100%" height="44"><tr><td><img src="images/menu_lbg.gif"></td><td width="100%" style="background: url('images/menu_bg.gif') repeat-x;" valign="top"><table cellpadding="0" cellspacing="0" align="center"><tr><td><a href="index.html" class="menu">Hjem</a></td><td width="10"></td><td><img src="images/separator.gif" border="0"></td><td width="10"></td><td><a href="page1137625359468.html" class="amenu">Billederne</a></td><td width="10"></td><td><img src="images/separator.gif" border="0"></td><td width="10"></td><td><a href="page_1140819208781.html" class="menu">Størrelsesguide</a></td><td width="10"></td><td><img src="images/separator.gif" border="0"></td><td width="10"></td><td><a href="page1137624960101.html" class="menu">Om kjolerne</a></td><td width="10"></td><td><img src="images/separator.gif" border="0"></td><td width="10"></td><td><a href="page1137625308186.html" class="menu">Kontakt os</a></td></tr></table></td><td><img src="images/menu_rbg.gif"></td></tr></table></TD></TR><TR><TD colspan="2" width="780" height="230" valign="top" align="center"><img src="images/logo.gif"><br><span class="company">          Cloe.dk       </span><br><span class="slogan">          Brudekjoler til priser alle har r&aring;d til       </span></TD></TR><TR><TD valign="top" width="220" height="100%"><table cellpadding="0" cellspacing="0" width="140" style="margin-left: 75px;"><tr><td><img src="images/submenu_bullet.gif"></td><td style="padding-left: 10px" height="24" width="100%" class="submenu"><b>Brudekjoler</b></td></tr><tr><td></td><td height="1" style="background: url('images/submenu_hr.gif') no-repeat;"></td></tr><tr><td><a href="page_1141295791534.html"><img src="images/submenu_bullet.gif" border="0"></a></td><td style="padding-left: 10px" height="24" width="100%"><a href="page_1141295791534.html" class="submenu">Efterligninger</a></td></tr><tr><td></td><td height="1" style="background: url('images/submenu_hr.gif') no-repeat;"></td></tr><tr><td><a href="page_1140885224937.html"><img src="images/submenu_bullet.gif" border="0"></a></td><td style="padding-left: 10px" height="24" width="100%"><a href="page_1140885224937.html" class="submenu">Brudepigekjoler</a></td></tr><tr><td></td><td height="1" style="background: url('images/submenu_hr.gif') no-repeat;"></td></tr><tr><td><a href="page_1140885246890.html"><img src="images/submenu_bullet.gif" border="0"></a></td><td style="padding-left: 10px" height="24" width="100%"><a href="page_1140885246890.html" class="submenu">Sko</a></td></tr></table></TD><TD valign="top" width="560" height="100%"><table cellpadding="0" cellspacing="0" width="430"><tr><td class="text-header">Brudekjoler</td></tr><tr><td height="15"></td></tr><tr><td class="text" width="430"><span><p><div id="container"> <a class="gallery slidea" href="#nogo"><em><a href="1.html"><img src="store/2001_front.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slideb" href="#nogo"><em><a href="2.html"><img src="store/2009_front.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidec" href="#nogo"><em><a href="3.html"><img src="store/2013_front.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slided" href="#nogo"><em><a href="4.html"><img src="store/2014_front.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidee" href="#nogo"><em><a href="5.html"><img src="store/2016_front.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidef" href="#nogo"><em><a href="6.html"><img src="store/2017_front.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slideg" href="#nogo"><em><a href="7.html"><img src="store/2018_f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slideh" href="#nogo"><em><a href="8.html"><img src="store/2019_f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidei" href="#nogo"><em><a href="9.html"><img src="store/2020_f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidej" href="#nogo"><em><a href="10.html"><img src="store/2021_f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidek" href="#nogo"><em><a href="11.html"><img src="store/2022_f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidel" href="#nogo"><em><a href="12.html"><img src="store/2026-f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidem" href="#nogo"><em><a href="13.html"><img src="store/2027-f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery sliden" href="#nogo"><em><a href="14.html"><img src="store/2028-f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slideo" href="#nogo"><em><a href="15.html"><img src="store/2030f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidep" href="#nogo"><em><a href="16.html"><img src="store/2031f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slideq" href="#nogo"><em><a href="17.html"><img src="store/2032f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slider" href="#nogo"><em><a href="18.html"><img src="store/2033f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slides" href="#nogo"><em><a href="19.html"><img src="store/2034f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slidet" href="#nogo"><em><a href="20.html"><img src="store/2036f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <a class="gallery slideu" href="#nogo"><em><a href="21.html"><img src="store/2043f.jpg" alt="Tryk for at se flere billeder" title="Tryk for at se flere billeder" /></em><span>Brudekjole<br />Billeder af alle vores kjoler</span></a> <h1 id="subject">Billeder<br /><em>af</em><br />brudekjolerne</h1> </div><br/></p></span></td></tr><tr><td height="20"></td></tr></table></TD></TR><TR><TD colspan="2" width="780" height="16"><table cellpadding="0" cellspacing="0" align="center"><tr><td><a href="index.html" class="bmenu">Hjem</a></td><td width="5"></td><td><img src="images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="page1137625359468.html" class="abmenu">Billederne</a></td><td width="5"></td><td><img src="images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="page_1140819208781.html" class="bmenu">Størrelsesguide</a></td><td width="5"></td><td><img src="images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="page1137624960101.html" class="bmenu">Om kjolerne</a></td><td width="5"></td><td><img src="images/bmenu_separator.gif" style="margin: 0px 5px 0px 5px;"></td><td width="5"></td><td><a href="page1137625308186.html" class="bmenu">Kontakt os</a></td></tr></table></TD></TR><TR><TD colspan="2" width="780" height="26" align="center" class="footer">       All Rights Reserved Cloe.dk    </TD></TR></TABLE></TD></TR></TABLE><div style='display: none'><i></i><b></b><i></i><i></i><i></i><b></b><i></i><b></b><b></b><b></b><b></b><b></b><i></i><i></i><b></b><i></i></div></BODY></html> Kode <style type="text/css"> <!-- a, a:visited {color:#080;} /* needed for IE to make :active state work first time */ #container {position:relative; width:425px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:0 auto;} #container img {border:0;} a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;} a.slidea {background:url(smaa/2001_front.jpg);} a.slideb {background:url(smaa/2009_front.jpg);} a.slidec {background:url(smaa/2013_front.jpg);} a.slided {background:url(smaa/2014_front.jpg);} a.slidee {background:url(smaa/2016_front.jpg);} a.slidef {background:url(smaa/2017_front.jpg);} a.slideg {background:url(smaa/2018_f.jpg);} a.slideh {background:url(smaa/2019_f.jpg);} a.slidei {background:url(smaa/2020_f.jpg);} a.slidej {background:url(smaa/2021_f.jpg);} a.slidek {background:url(smaa/2022_f.jpg);} a.slidel {background:url(smaa/2026-f.jpg);} a.slidem {background:url(smaa/2027-f.jpg);} a.sliden {background:url(smaa/2028-f.jpg);} a.slideo {background:url(smaa/2030f.jpg);} a.slidep {background:url(smaa/2031f.jpg);} a.slideq {background:url(smaa/2032f.jpg);} a.slider {background:url(smaa/2033f.jpg);} a.slides {background:url(smaa/2034f.jpg);} a.slidet {background:url(smaa/2036f.jpg);} a.slideu {background:url(smaa/2043f.jpg);} a.gallery em, a.gallery span {display:none;} a.gallery:hover {border:1px solid #fff;} a.gallery:hover span {display:block; position:absolute; width:402px; height:200px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff; z-index:100;} a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} a.gallery:active, a.gallery:focus {border:1px solid #000;} a.gallery:active em, a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;} #container h1 {clear:both; padding-top:75px; width:425px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;} #container h1 em {font-size:0.6em; color:#000;} //--> </style>

Kommentar Fra : molokyle Dato : 02-03-06 14:08

Citat Forresten kan man have to stylesheet koder i på samme side? JA ! Eks.: Kode <link rel="stylesheet" type="text/css" href="/css/stylesheet_1.css" /> <link rel="stylesheet" type="text/css" href="/css/stylesheet_2.css" /> ..og så er der yderligere mulighed for at inkludere stylesheets i stylesheets med direktivet : @import 1.) http://www.w3.org/TR/REC-CSS2/cascade.html 2.) http://www.yourhtmlsource.com/stylesheets/advancedcss.html Nu har jeg ikke tænkt mig at 'lave' jeres galleri ! Tænk på: Mine kommentarer kun er foreslag, der 'måske' ku' hjælpe jer/dig på vej Hvis jeg skulle lave et velfungerende 'site' for jer? ..med tilhørende kode? Så ville jeg selvfølgelig tage mig godt betalt derfor ! Een ting er vidensdeling !!! ...en anden er; dedikeret website udvikling </MOLOKYLE>

Kommentar Fra : anetteogjesper Dato : 02-03-06 14:15

Hej Jeg synes altså ikke det fungerer: http://www.brudenskjole.dk/page_1140885198140.html ligner jo ikke http://www.cssplay.co.uk/menu/gallery_click.html#nogo og jeg har indsat og lavet den kode om du skrev...

Kommentar Fra : molokyle Dato : 02-03-06 14:38

Noget er gået galt ...kan jeg godt se Jeg har ik' lige tid idag, men vil kigge nærmere på det ...tidligst imorgen Imedens bør du validere din side. Din HTML kode : http://validator.w3.org/ ..og din CSS : http://jigsaw.w3.org/css-validator/ Normalt får man derved 'hints' til hvad der evt. kunne være gået galt Ps. Iøvrigt skal CSS være externe i XHTML ...i modsat fald? SKAL CSS koden indsættes på en lokal side således: Kode <!--<![CDATA[ DIN css kode... ]] //--> </MOLOKYLE>

Kommentar Fra : anetteogjesper Dato : 02-03-06 16:33

Hej Er det ikk godt nok at sætte denne kode ind på lokal side: Kode <style type="text/css"> <!-- #container {position:relative; width:425px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:0 auto;} #container img {border:0;} a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;} a.slidea {background:url(smaa/2001_front.jpg);} a.slideb {background:url(smaa/2009_front.jpg);} a.slidec {background:url(smaa/2013_front.jpg);} a.slided {background:url(smaa/2014_front.jpg);} a.slidee {background:url(smaa/2016_front.jpg);} a.slidef {background:url(smaa/2017_front.jpg);} a.slideg {background:url(smaa/2018_f.jpg);} a.slideh {background:url(smaa/2019_f.jpg);} a.slidei {background:url(smaa/2020_f.jpg);} a.slidej {background:url(smaa/2021_f.jpg);} a.slidek {background:url(smaa/2022_f.jpg);} a.slidel {background:url(smaa/2026-f.jpg);} a.slidem {background:url(smaa/2027-f.jpg);} a.sliden {background:url(smaa/2028-f.jpg);} a.slideo {background:url(smaa/2030f.jpg);} a.slidep {background:url(smaa/2031f.jpg);} a.slideq {background:url(smaa/2032f.jpg);} a.slider {background:url(smaa/2033f.jpg);} a.slides {background:url(smaa/2034f.jpg);} a.slidet {background:url(smaa/2036f.jpg);} a.slideu {background:url(smaa/2043f.jpg);} a.gallery em, a.gallery span {display:none;} a.gallery:hover {border:1px solid #fff;} a.gallery:hover span {display:block; position:absolute; width:402px; height:200px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff; z-index:100;} a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} a.gallery:active, a.gallery:focus {border:1px solid #000;} a.gallery:active em, a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;} #container h1 {clear:both; padding-top:75px; width:425px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;} #container h1 em {font-size:0.6em; color:#000;} //--> </style>

Kommentar Fra : molokyle Dato : 02-03-06 17:12

Ikke når siden har denne prolog: http://www.w3.org/1999/XSL/Format i HTML markøren. ..og hvor er din !DOCTYPE erklæring? 1.) http://www.meyerweb.com/eric/dom/dtype/dtype-grid.html 2.) http://www.ericmeyeroncss.com/bonus/render-mode.html Det er jo ikke XML ! ..derudover er det jo ikke godt at vide, hvorledes koden harmonerer med din default CSS fil: Kode /*content style (text=pageContent)*/ .text-header {    font-size: 20px;    font-family: Tahoma;    color: #BE5653;        } .text {    font-size: 11px;    font-family: Tahoma;    color: #948C97;    } .pageContent {    font-size: 11px;    font-family: Tahoma;    color: #948C97;    } .pageContent a {    font-size: 11px;    font-family: Tahoma;    color: #948C97;    } /* top elements */ .company {    font-size: 22px;       font-family: Tahoma;    color: #608482;    letter-spacing : -1px; } .slogan {    font-size: 10px;       font-family: Tahoma;    color: #A49B9F;    font-weight: bold; } /*main menu*/ .menu {    font-size: 11px;       font-family: Tahoma;    color: #ffffff;    font-weight: bold;    text-decoration: none;    word-spacing: -1px;    } .amenu {    font-size: 11px;       font-family: Tahoma;    color: #ffffff;    font-weight: bold;    text-decoration: underline;    word-spacing: -1px;       } /*submenu*/ .submenu {    font-size: 11px;       font-family: Tahoma;    color: #608482;    text-decoration: none; } .asubmenu {    font-size: 11px;       font-family: Tahoma;    color: #608482;    font-weight: bold;    text-decoration: underline;    } /*bottom menu*/ .bmenu {    font-size: 10px;       font-family: Tahoma;    color: #BE5653;    font-weight: bold;    text-decoration: none;    } .abmenu {    font-size: 10px;       font-family: Tahoma;    color: #BE5653;    font-weight: bold;    text-decoration: underline; } /*copyright*/ .footer {    font-size: 10px;       font-family: Tahoma;    color: #7D767F; } .main-bg {    background-color: #FEE3C8; } ??? ..som andre har påpeget (=Sofus.dk ...andet steds ) validerer dit HTML dokument ikke korrekt og før dét er rettet er det svært at finde uoverensstemmelserne i din kode ! </MOLOKYLE>

Kommentar Fra : anetteogjesper Dato : 02-03-06 17:29

W3C CSS Validator Results for http://www.brudenskjole.dk/page_1140885198140.html Congratulations! This document validates as CSS!

Kommentar Fra : molokyle Dato : 02-03-06 22:33

Du skriver ikke; hvad du har valideret? Galleriet ...eller http://www.brudenskjole.dk/css/styles.css ??? ...som er det stylesheet du får testet på din side hos w3.org ...og som du næppe selv har lavet </MOLOKYLE>

Kommentar Fra : molokyle Dato : 02-03-06 22:40

Jeg er 99.99% sikker på at dit validerings resultat baserer sig på denne markør: Kode <link href="css/styles.css" rel="stylesheet" type="text/css"> </MOLOKYLE>

Godkendelse af svar Fra : anetteogjesper Dato : 03-03-06 00:59

Tak for svaret mimimig.

Du har følgende muligheder

Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål. Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.