Frontpage-hjälp

V

villi

Är det någon här som använder frontpage och har gjort ett fotogalleri med bildspels-layout? Det är meningen att man ska ha en scroll-meny med bilderna i miniatyr och så visas bilden man klickar på i normalstorlek nedanför. Men när jag förhandsgranskar i webläsaren kommer alla miniatyrer upp i en lång radda vilket medför att sidan blir väääldigt bred och att man då måste använda pilarna längst ner för att bläddra, vilket inte är så praktiskt, hela grejjen med scroll-meny försvinner liksom. Hur fixar man det här? Hoppas ni förstår hur jag menar, det är lite svårt att förklara när man inte är nån hejare på det här med hemsidebygge :angel:
 
Sv: Frontpage-hjälp

Vad ligger alla miniatyrbilder i? En <table>? En <div>?
Lite kod brukar hjälpa :)
Använder du CSS i övrigt?
 
Senast ändrad:
Sv: Frontpage-hjälp

Så här ser början av kodningen ut (allt rymdes inte i inlägget), jag fattar ingenting -det är ju hur många koder som helst i en enda röra! Men en massa <div> verkar det vara iaf :angel: CSS har jag hört talas om men aldrig riktigt fattat vad det är :o Jag är verkligen helt lost när det gäller sånt här :crazy:

<hr>
<p>&nbsp;</p>
<!--webbot bot="PhotoAlbum" u-include="photogallery/photo10344/real.htm" clientside tag="BODY" startspan -->
<picture file-href="photogallery/photo10344/real_p.htm" />
<picture file-href="photogallery/photo10344/real_x.htm" />
<div align="center">
<center>
<layer visibility="hide">
<div style="display:none;" id="fpGalleryCaptions_221">
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div>
</div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
<div style="display:none;" id="fpGalleryDescriptions_221">
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div>
</div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</layer>
<script language="javascript" src="photogallery/photo10344/sldshow.js">
<!---->
</script>
<table border="0" cellspacing="0" cellpadding="5" width="700">
<tr>
 
Senast ändrad av en moderator:
Sv: Frontpage-hjälp

Hoppas du inte tar illa upp, men jag tror du slagit rekord i antal <div>:ar per html-dokument :D
Det brukar vara sånt som händer när man jobbar med FrontPage.

Lägst ned i din kod börjar en <table>, men innehållet saknas i det du klippte in. Ligger det några bilder i den? Bilder "infogas" alltså med <img src="sökväg/bilg.jpg"/> .
I dokumentet länkas det till:
photogallery/photo10344/real.htm
photogallery/photo10344/real_p.htm
photogallery/photo10344/real_x.htm
photogallery/photo10344/sldshow.js

Är detta några andra filer du jobbar med? Jag gissar på att bilderna länkas i någon av de tre första htm-filerna.
Det verkar som du använt någon inbyggd funktion i FrontPage för att göra ett sorts bildspel/fotogalleri. Den lilla kod jag fick se hjälper inte så mycket :)

För att lösa problemet med miniatyrbilderna skulle jag vilja veta i vilket element de ligger i. Bild/<img>-element är inline-element och lägger sig bredvid varandra, dock endast så länge de får plats i sidled. Jag kan tänka mig att de ligger i en <table>, såhär:
Kod:
<table>
<tr>
<td><img src="" /></td><td><img src="" /></td><td><img src="" /></td><td><img src="" /></td><td><img src="" /></td><td><img src="" /></td>
</tr>
</table>
Problemet kan då vara att det blir för många <td>(kolumner) på en och samma rad. Kolumnerna kan begränsas genom att pilla in fler <tr>(rader), t.ex. såhär:
Kod:
<table>
<tr>
<td><img src="" /></td>
</tr>
<tr>
<td><img src="" /></td>
</tr>
<tr>
<td><img src="" /></td>
</tr>
<tr>
<td><img src="" /></td>
</tr>
<tr>
<td><img src="" /></td>
</tr>
<tr>
<td><img src="" /></td>
</tr>
</table>

Att vara ny på hemsidemakeri och bygga ett bildgalleri, dessutom med FrontPage är inte det lättaste :)
Är det någon webbdesign-kurs du läser?
Du kan skicka mer kod via PM, om du har lust :)
Jag ska ha FrontPage här någonstans. Ska se om jag kan återskapa eller lokalisera ditt problem.
 
Senast ändrad:
Sv: Frontpage-hjälp

Nejdå jag tar inte illa upp, jag är helt medveten om att jag är totalt värdelös på sånt här :D Jag har inte jobbat någonting med koder, utan har bara valt en mall som heter fotogalleri och därefter valt layouten bildspel. Jag har hört någon annan som också sagt att det blir väldigt grötig kodning i Frontpage, men jag kan tyvärr inte göra min sida i annat program än i detta idiotsäkra program :angel:

Någon webdesignkurs har jag aldrig varit i närheten av, utan det är behovet av en egen hemsida som tvingar mig till det här området. Vi fick bygga en hemsida när jag gick gymnasiet, vilket börjar bli några år sen nu, men det var bara den allra simplaste html.

Jag gör så att jag kopierar kodningen och pm:ar dig så får du se hela, kanske blir lättare då. Verkligen jättesnällt av dig att ta dig tid att hjälpa en gröngöling :bow:
 
Sv: Frontpage-hjälp

Tack så mycket för att du la upp sidan. Blir enklare om man har alla bilder :)
Ska se om ngn CSS biter på sidan :)
 
Sv: Frontpage-hjälp

Min server har legat nere, men efter att ha kontaktat supporten är den nu igång igen så då skyndade jag mig att lägga upp den... förstod att det skulle underlätta en del ;)
 
Sv: Frontpage-hjälp

Enklaste sättet att inte få sidan så bred pga att bilderna hamnar bredvid varann är att leta upp raderna:
Kod:
<table border="0" cellpadding="5" cellspacing="0" width="700">
<tbody><tr>
<td align="center" nowrap="nowrap">
Där tar du bort nowrap="nowrap". Då bör bilderna anpassa sig efter bredden 700px.
overflow:auto verkar inte fungera på <td>, men jag ska leta vidare :)
Säg till om det inte funkar :)
 
Sv: Frontpage-hjälp

När jag tog bort nowrap blev det istället flera rader med miniatyrerna, det blir alltså ingen scroll-list :confused: Det märkliga är att i frontpage så ser det ut som det ska vara :crazy:
 
Sv: Frontpage-hjälp

Nix, det blir ingen scrollist. Det är det jag jobbar på :) Vanligtvis behöver man bara sätta en height och overflow:auto; på elementet. Men <td>-taggen är lite annorlunda :)
 
Sv: Frontpage-hjälp

Det är verkligen jättesnällt av dig att hjälpa mig!! :bow: :bow:
 
Sv: Frontpage-hjälp

Ingen fara, det är en rolig utmaning :)

Jag tror det enklaste sättet är att lägga in en <div>-tagg och lite CSS. Jag PM:ar dig modifieringar, eftersom hela dokumentet inte får plats här.
Hoppas det fungerar, annars får du säga till :)
 
Sv: Frontpage-hjälp

Det krävdes fler mail än jag trodde, pga teckenbegränsningen. Jag PM:ar dig en länk till där jag lagt upp din sida, i .txt-format. Kolla den istället, så slipper du försöka klippa ihop fem mail :)
Säg till när du har koden från min sida, så plockar jag bort den :)
 
Sv: Frontpage-hjälp

Din inkorg verkar vara full, så jag tar det här istället:

"Det där ordet jag tog bort? Du menar nowrap?

Jag tror ordet är borttaget i min version. Texten i länken jag skickade borde vara redo att köra, rakt av :)"
 
Sv: Frontpage-hjälp

Jo det var nowrap jag menade :) Hur ändrar man så att scrollen blir vågrät istället?
 
Sv: Frontpage-hjälp

Oh dear, var det en lodrätt scroll du ville ha? Jag får återkomma med lösningen till problemet. Jag tycker dock det ser snyggast ut som det är. Men som sagt, återkommer.
Problemet är att bilder placeras bredvid varann i sidled så länge de får plats. Lösningen vore kanske att stoppa in en div, som får samma bredd som bilderna. Men det är inte speciellt dynamiskt.
 
Sv: Frontpage-hjälp

*gnugga ögonen*, vågrät. Sorry, jag är lite trött :)
JAg vet vad som i teorin funkar, men Microsoft motarbetar mig :)
 
Sv: Frontpage-hjälp

Nu är det ju flera rader. Det optimala vore om det bara var en rad som visar runt 5 bilder åt gången, som en blädderremsa eller vad man ska kalla det ;)
 

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

Omröstningar

Tillbaka
Upp