Forum Mjukvara Programmering och digitalt skapande Tråd

Hjälp med bildsida! Känner mig urkorkad!

1
Skriv svar
Permalänk
Medlem
●

Hjälp med bildsida! Känner mig urkorkad!

Hej!

Jag skulle vilja få hjälp med att få min hemsida att se ut som denna.

http://ryangarrison.com/portfolio/

Att visa bilderna på detta sätt alltså. Resten av min hemsida är redan klar.

Jag har provat att bara lägga bilderna efter varandra i DW, men det funkar inte. Tacksam för alla svar!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Re: Hjälp med bildsida! Känner mig urkorkad!

Citat:

Ursprungligen inskrivet av raggeno1
men det funkar inte. Tacksam för alla svar!

Vill du ha hjälp får du nog lägga ner lite mer tid än så på att beskriva vad som inte fungerar.

Om du högerklickar på hans sida och tar View Source kan du se hur han gjort...

Redigera
Citera flera Citera
Permalänk
Medlem
●

En snabb titt i källkoden avslöjar att bilderna är placerade i en div med bestämd höjd, såhär:

#photos { height: 600px; width: 25050px; }

och:

<div id="photos"><img src="ryan-garrison-002.jpg" width="400" height="600" /><img src="ryan-garrison-port-01b.jpg" width="400" height="600" /><img src="ryan-garrison-003.jpg" width="400" height="600" /><img src="ryan-garrison-port-71.jpg" width="400" height="600" /><img src="ryan-garrison-port-56.jpg" width="900" height="600" /><img src="ryan-garrison-port-00.jpg" width="400" height="600" /><img src="ryan-garrison-port-01.jpg" width="420" height="600" /><img src="ryan-garrison-port-06.jpg" width="400" height="600" /><img src="ryan-garrison-port-58.jpg" width="400" height="600" /><img src="ryan-garrison-port-68.jpg" width="400" height="600" /><img src="ryan-garrison-port-02.jpg" width="400" height="600" /><img src="ryan-garrison-port-73.jpg" width="400" height="600" /><img src="ryan-garrison-port-03.jpg" width="834" height="600" /><img src="ryan-garrison-port-67.jpg" width="900" height="600" /><img src="ryan-garrison-port-61.jpg" width="400" height="600" /><img src="ryan-garrison-port-04.jpg" width="400" height="600" /><img src="ryan-garrison-port-05.jpg" width="400" height="600" /><img src="ryan-garrison-port-10.jpg" width="900" height="600" /><img src="ryan-garrison-port-11.jpg" width="900" height="600" /><img src="ryan-garrison-port-57.jpg" width="400" height="600" /><img src="ryan-garrison-port-62.jpg" width="400" height="600" /><img src="ryan-garrison-port-63.jpg" width="400" height="600" /><img src="ryan-garrison-port-53.jpg" width="400" height="600" /><img src="ryan-garrison-port-17.jpg" width="400" height="600" /><img src="ryan-garrison-port-21.jpg" width="400" height="600" /><img src="ryan-garrison-port-70.jpg" width="400" height="600" /><img src="ryan-garrison-port-22.jpg" width="900" height="600" /><img src="ryan-garrison-port-54.jpg" width="400" height="600" /><img src="ryan-garrison-port-24.jpg" width="400" height="600" /><img src="ryan-garrison-001.jpg" width="400" height="600" /><img src="ryan-garrison-port-26.jpg" width="400" height="600" /><img src="ryan-garrison-port-28.jpg" width="400" height="600" /><img src="ryan-garrison-port-29.jpg" width="400" height="600" /><img src="ryan-garrison-port-30.jpg" width="900" height="600" /><img src="ryan-garrison-port-31.jpg" width="424" height="600" /><img src="ryan-garrison-port-55.jpg" width="400" height="600" /><img src="ryan-garrison-port-33.jpg" width="400" height="600" /><img src="ryan-garrison-port-34.jpg" width="400" height="600" /><img src="ryan-garrison-port-39.jpg" width="400" height="600" /><img src="ryan-garrison-port-40.jpg" width="900" height="600" /><img src="ryan-garrison-port-41.jpg" width="900" height="600" /><img src="ryan-garrison-port-72.jpg" width="400" height="600" /><img src="ryan-garrison-port-44.jpg" width="400" height="600" /><img src="ryan-garrison-port-50.jpg" width="424" height="600" /><img src="ryan-garrison-port-45.jpg" width="400" height="600" /><img src="ryan-garrison-port-59.jpg" width="400" height="600" /><img src="ryan-garrison-port-64.jpg" width="400" height="600" /><img src="ryan-garrison-port-32.jpg" width="400" height="600" /><img src="ryan-garrison-port-74.jpg" width="900" height="600" /><img src="ryan-garrison-port-69.jpg" alt="" width="400" height="600" /></div>
Redigera
Citera flera Citera
Permalänk
Medlem
●

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div align="left">
<blockquote>
<p><img src="2.jpg" width="640" height="427" /><img src="4.jpg" width="640" height="427" /><img src="5.jpg" width="640" height="427" /><img src="6.jpg" width="640" height="427" /></p>
</blockquote>
</div>
</body>
</html>

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara