Simpel html/css hjälp.

Jag förstår inte riktigt vad du menar. Vill du att den ska öppnas i en egen iframe eller vadå? Ett tips är att skippa framesen och göra något riktigt istället. Dessutom har du inte ens avslutat alla iframes :S

Hm, vänta nu. Du har ju så på den sidan? Varför inte bara göra lika på din nya då?

jag kommer itne ihåg hur jag har gjort och jag fattar inte det jag har gjort på den andra sidan =(.

men jag vill ha ett ställe där bilderna visas och under det vill jag ha alla thumbnails...

Du vet inte? Det är väl bara kolla i källkoden, eller hur. Lättaste, men absolut inte bästa sättet, är väl att göra en iframe där bilderna ska öppnas?

Det är väll bara å kika i källkoden om du vill ha likadant ;)

ja jag har kollat koden men jag fattar inte allt :P håller på att lösa det nu. vad är skillnaden mellan wrapper och iframe?

vad är skillnaden mellan smör och flingor?
typ...

iframe är en ram som man kan bädda in i koden, som inte alla webbläsare har fullt stöd för,
wrapper är bara en mall som allt innehåll ligger innanför.

Kanske borde hosta nånannanstans än freewebs.com? Massa j-vla banners o helt cepe i största allm. Kika på www.home.no

stryk det andra nu det är avklarat men jag har ett nytt problem!!

hur får man en hover på en bildlänk?

dvs jag har en bild och när man drar musen över den så sak det komma en anna bild... vilken kod är det?

=)

LööV: Då får du använda CSS, dock kommer det inte funka i IE då. Vill du få det att funka i alla webbläsare får du leta upp något javascript.

ahaa okej...

funkar inte det i IE?
Dåligt.. ;)

VeCn: Ja, jag vet då inget sätt om man inte använder javascript, vet du så får du gärna berätta för mig :)

IE är rätt kinkigt med vad man får hovra. Då det är <a>-taggar IE hovrar på som standard så är nyckeln till en lösning alltså att använda smart CSS på sina <a>.

display: block; och en bakgrundsbild löser alltså det hela helt utan JavaScript. I exemplet använde jag mig av en bild som förflyttas 40 pixlar men det går givetvis lika bra att använda två separata bilder utan förflyttning.

Koden är inte kontrollerad i IE då jag inte har tillgång till det så risken finns att jag får skämmas, men det tror jag inte.

http://plusboat.sytes.net/tmp/cfd/

Jens: Iofs, så kan man ju göra om man vill. Dock syftade jag i första hand på en img-tagg.

Funkade dock f.ö. fint i IE

ja och hur gör man det då? jag är itne så bra på sånt som ni märker. Men om jag vill ha 2 bilder som skiftar?

Väldigt simpelt egentligen, speciellt om du kollar koden ;)

CSS
body {
margin: 0px;
color: black;
background-color: white;
font-family: "Courier New", Courier, monospace;
font-size: 14px;
line-height: 18px;
}

div.holder {
position: absolute;
top: 24px;
left: 24px;
}

.holder h3 {
font-weight: normal;
font-size: 16px;
margin: 0px;
}

.holder p {
margin: 0px;
margin-top: 6px;
margin-bottom: 6px;
}

a.box {
display: block;
position: relative;
height: 40px;
width: 40px;
background-image: url(12.gif);
background-position: 0px 0px;
cursor: pointer;
}

a.box:hover {
background-position: 40px 0px;
}

HTML
<div class="holder">

<h3>Image-flipping, no DOM/JavaScript - CSS Only</h3>

<p>Please hover the green box below</p>

<a href="http://www.whoa.nu" class="box"> </a> ;

</div>

om du ska använda mitt länkade tips så finns allt du behöver i källkoden, inget hokus pokus.

ska du använda JavaScript så finns det nog rätt många resurser på nätet, webdesignskolan.com t.ex.

kortfattat så ger du alla <img> ett unikt id så du kan nå dem med getElementById via onmouseover från det element som ska hovras.

ex.,

<img id="bild01" src="bild01.gif" />

<a href="http://www.whoa.nu" onmouseover="getElementById('bild01').src = 'bild02.gif';" onmouseout="getElementById('bild01').src = 'bild01.gif';">Hover< /a>