Just nu i M3-nätverket
Jump to content

hr linje med bild ?


Tholle

Recommended Posts

Hej.

 

Går det att få en linje med bilder med hjälp av hr tagen?

 

Istället för att göra masser bilder olika långa eller lägga en massa <img src="bild.gif"> bredvid varandra.

 

Vore ju smidigt att få samma bild att lägga sig efter varandra så lång man vill ha linjen.

 

Skriver man <img src="bild.gif" width="250" height="5"> drar den ju bra ut bilden. jag vill alltså att bilden ska komma igen efter varandra.

 

Hoppas ni förstår :))

 

[inlägget ändrat 2002-10-22 15:46:53 av Tholle]

Link to comment
Share on other sites

Med ASP kan du göra det lite lättare för dig.

 

<%

function BildLinje(bredd)

ImageWidth = 32

 

for n = 1 to bredd / ImageWidth

bildLinje = bildlinje + "<IMG src='bild.gif'>"

next n

end function

%>

 

Anropas sedan med:

 

<%=BildLinje(400)%>

 

 

[inlägget ändrat 2002-10-22 16:46:35 av Mr Andersson]

Link to comment
Share on other sites

Går ju även med Javascript. Vet man inte bredden på sidan så kan man ju räkna ut det också och anpassa linje-bredden därefter.

 

Är dock för lat att skriva ett skript nu. :( Någon annan kanske har lust... ;)

 

 

 

Almir - ...

____________________________________________________________

-Läser Programmet för Informatik med Systemvetenskap på MDH, Västerås.-

 

Link to comment
Share on other sites

Inte direkt <hr> men för att få en linje av bilder borde det gå arr göra så här:

 

<div style="height:5px; background-image:url(bild.gif); font-size:2px">&nbsp;</div>

 

Link to comment
Share on other sites

Jag skulle nog lösa det med tre delbilder; två ändbilder samt en mittbild som klarar av att bli utsträckt utan att det förändrar utseendet på den ;)

 

--

.Weyland

 

2. Everything around us can be represented and understood through numbers.

 

Link to comment
Share on other sites

Jag skulle nog lösa det med tre delbilder; två ändbilder samt en mittbild som klarar av att bli utsträckt utan att det förändrar utseendet på den ;)

Jo men tänk om snubben har små gulliga nalle puh bilder, och vill vissa dessa hela vägen från vänster till höger, alltså nalle nalle nalle nalle nalle nalle :)

 

 

Almir - ...

____________________________________________________________

-Läser Programmet för Informatik med Systemvetenskap på MDH, Västerås.-

 

Link to comment
Share on other sites

Jo men tänk om snubben har små gulliga nalle puh bilder, och vill vissa dessa hela vägen från vänster till höger, alltså nalle nalle nalle nalle nalle nalle

 

Varför inte skapa en liten tabell med samma höjd som bilden, för att sedan använda bilden (nalle.jpg?:) som bakgrund i cellen/tabellen?

 

Mvh

-Cat

_________________________________________________

”Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig.”

okänd

 

Link to comment
Share on other sites

Tar tillbaka mitt inlägg, eftersom Cat redan kommit med samma briljanta idé 4 timmar tidigare... Hur kunde jag missa det.......

 

/ J

[inlägget ändrat 2002-10-24 16:43:09 av Nollis]

Link to comment
Share on other sites

Det är det enklaste sättet, men tänk då om användaren vill skriva ut webbsidan. Utskrift av bakgrunder är ju av förståeliga skäl oftast avstängd, vilket kommer leda till att den gulliga nalle puh-linjen inte kommer kunna beskådas på papper. Vilket ju är en katastrof! :((

 

Bäst, dock inte enklast, är att med JS räkna ut bredden på sidan och ta bredden / nalle-bredden = antal nallebilder som ska visas.

 

 

Almir - ...

____________________________________________________________

-Läser Programmet för Informatik med Systemvetenskap på MDH, Västerås.-

 

Link to comment
Share on other sites

Tjena!

 

Jo, men det finns ett problem med det; nämligen att du inte vet hur bred sidan är förrän den genererats, och då ska ju nallarna redan vara på plats. F.ö. stöter man på problem när man ska visa ex. 72% av nallen längst ut på raden... (nallen kanske är 37 pixel bred och raden ska vara exakt 800 pixel bred...)

 

(Men vänta nu, Johan, om man vet att raden ska vara 800 pixel bred, då faller ju hela exemplet... Hmmmm...)

 

Här följer ett exempel på Almirs variant, med de brister som jag nämnde ovan, plus bristen att det inte funkar i Netscape...

 

<html>
<head>
<script language="JavaScript1.2">
function show_pooh(){
var pooh_width = 37;
var number_of_poohs = Math.round(hejsan.offsetWidth/pooh_width);

for (x=0; x<number_of_poohs; x++){
	hoppsan.innerHTML += '<img src=pooh width=37 border=0 align=left hspace=0>';
}
}
</script>
</head>

<body onLoad="show_pooh();">
<table>
<tr>
	<td id="hejsan">
		hejsan svejsan nu ska vi se om det här funkar
		<div id="hoppsan"></div>
	</td>
</tr>
</table>

</body>
</html>

 

/ Johan

 

 

[inlägget ändrat 2002-10-24 18:42:11 av Nollis]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...