Avatar billede s Nybegynder
23. november 1999 - 15:32 Der er 7 kommentarer og
1 løsning

Opsplitning af billede i mindre bider

Jeg har et størere billede som jeg gerne vil have splittet op i 10 mindre bider. De skal komme til at stå således:


1.jpg  2.jpg
3.jpg  4.jpg
5.jpg  6.jpg
7.jpg  8.jpg
9.jpg  10.jpg

Jeg har splittet mit billede men jeg får det problem at de ikke vil "slutte tæt" til hinanden.

Her er koden til min tabel:

<html>
<head>

    <link rel=stylesheet type="text/css" href="style.css">
</head>
<body link=#000000 leftmargin=0 rightmargin=0>
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td>
<img src="1.jpg">
</td>
<td>
<img src="2.jpg">
</td>
</tr>
<tr>
<td>
<img src="3.jpg">
</td>
<td>
<img src="4.jpg">
</td>
</tr>
<tr>
<td>
<img src="5.jpg">
</td>
<td>
<img src="6.jpg">
</td>
</tr>
<tr>
<td>
<img src="7.jpg">
</td>
<td>
<img src="8.jpg">
</td>
</tr>
<tr>
<td>
<img src="9.jpg">
</td>
<td>
<img src="10.jpg">
</td>
</tr>
</table>
</body>
</html>

Håber der er nogle der kan hjælpe
Avatar billede pingo Nybegynder
23. november 1999 - 15:37 #1
Du skal lade være med at lave linieskift:

<img src="1.jpg"><img src="2.jpg"><BR>
<img src="3.jpg"><img src="4.jpg"><BR>
<img src="4.jpg"><img src="5.jpg"><BR>
<img src="6.jpg"><img src="7.jpg"><BR>
<img src="8.jpg"><img src="9.jpg"><BR>

Tilsvarende med din table - hvis du vil have dem deri - du skal skrive det hele på én linie!
Avatar billede buzz Nybegynder
23. november 1999 - 15:39 #2
Nogle gange hjælper det at sætte table til noget ultra lavt fx. 5% - din table vi stadig være dynamisk og udvidde sig hvil elementerne du propper i bliver til mere end 5%.

/buzz
Avatar billede s Nybegynder
23. november 1999 - 16:33 #3
Men det er nødvendigt at jeg får billederne til at stå som jeg viser. Hvert billede skal have sit eget link.
Jeg har også prøvet med en "map" men der kommer nogle grimme "borders" når man klikker på en af de polygoner jeg har tegnet. Kan man få dem væk?
Avatar billede geeeet Nybegynder
23. november 1999 - 17:01 #4
skriv <td><img src="2.jpg"></td>

istedet for

<td>
<img src="2.jpg">
</td>

Altså udelad linieskiftet som pingo
siger...
Avatar billede pingo Nybegynder
23. november 1999 - 17:19 #5
Hvis hvert billede skal have dets eget link:

<A HREF="#"><IMG SRC="1.jpg"></A><A HREF="#"><IMG SRC="2.jpg"></A>

Altså - skriv det HELE i en streng - hvad end der er tale om table eller uden table!
Avatar billede geeeet Nybegynder
23. november 1999 - 17:39 #6
Så kan der ikke svares mere på dette spg. :-)8-<
Avatar billede skjoldby Nybegynder
24. november 1999 - 09:11 #7
Geeeet>>
der er vist lige plads til et svar mere... hehe

s>>>
Var det ikke en idé og sætte height og width på dine billeder. -og måske en width på din table (width af 1.jpg + 2.jpg) - og ja du kan vi vidst godt få de der stiplede linier/borders væk når du laver map. Prøv at se her:
http://developer.irt.org/script/1028.htm

ellers tror jeg denne virker: onClick="this.Blur()" jeg har dog ikke testet noget af det
Avatar billede s Nybegynder
25. november 1999 - 17:35 #8
Jeg har løst det på en anden måde..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester