/ Forside/ Teknologi / Internet / Hjemme sider / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn 

Kodeord  


Reklame
Top 10 brugere
Hjemme sider
#NavnPoint
molokyle 23766
Klaudi 7947
bentjuul 7763
BjarneD 4584
severino 4460
Manse9933 4366
natmaden 3985
disken 3947
miritdk 3593
10  refi 3578
Billedgalleri eller fotoalbum
Fra : anetteogjesper
Vist : 2339 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.
Søg
Reklame
Statistik
Spørgsmål : 177520
Tips : 31968
Nyheder : 719565
Indlæg : 6408659
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste