html-krångel

[Forslund]

Jag håller på att göra en hemsida i html. Lite som att ge sig på kamremsbyte på en fin bil utan att vara mek.

Jag har försökt läsa på, men inte fått ordning på hur jag kan göra två tabeller varav den ena ska vara ett galleriaskript och den andra ett enkelt index (i vänsterkant). Finns det någon html händig som kan avvara 2 minuter och titta igenom min kod och se om du hittar något galet?

 

[l1nd3c0n]

hehe, koden eller länk till hemsidan hade ju underlättat möjlig felsökning

 

[Forslund]

hehe, koden eller länk till hemsidan hade ju underlättat möjlig felsökning

Den "föll bort"..

www.jfphoto.se

 

[levitte]

Just nu får jag mest en stor fet "Fatal error: Theme CSS could not load"... det innebär att du inte har placerat tema-filen (galleria.classic.min.js) på rätt ställe, gissar jag.

Mvh,
Richard

 

[Forslund]

Den fungerar på mina tre jobbdatorer..

det är ett skript som du inte kan läsa kanske?

 

[levitte]

Den fungerar på mina tre jobbdatorer..

det är ett skript som du inte kan läsa kanske?

Kanske, men vad är det så som gör att jag inte kan?

Mvh,
Richard

 

[joper]

...
Jag har försökt läsa på, men inte fått ordning på hur jag kan göra två tabeller varav den ena ska vara ett galleriaskript och den andra ett enkelt index (i vänsterkant). Finns det någon html händig som kan avvara 2 minuter och titta igenom min kod och se om du hittar något galet?

Men menar du att html-koden för indexet som ska finnas i vänsterkant finns med som sidan är just nu?

 

[l1nd3c0n]

Är också osäker på vad du menar inte fungerar. På min dator funkar det enligt din kod

dvs, på förstasidan har du ett gallri med tumnagelbilder i underkant.

Strax därunder (och i stort sett osynligt) har du texten KONTAKT som öppnar din sida 2.

Vad du menar med index i vänsterkant vet jag inte, det är iaf inget som jag hittar överhuvudtaget i din kod.

 

[Virre]

Jag är relativt säker på att TS vill ha sitt bildindex till vänster om själva bildvisningen. Han använder http://galleria.aino.se/ för bildvisningen så om någon har koll på det kanske det hjälper

annars rekomenderar jag att läsa på om CSS för placering (Du använder tack och lov inte Tabeller. Tabeller ska bara användas till tabulär data om man följer standarder)

och det borde finnas dokumenterat här http://galleria.aino.se/docs/1.2/ hur en gör.

 

[Forslund]

Jag var sjukt otydlig.

Jag vill lägga en tabell till vänster brevid skriptet. Där ska jag ha ex kontaktinfo osv.. Jag lyckas inte få in tabellkoden i den befintliga koden. Hängde ni med

 

[levitte]

Jag var sjukt otydlig.

Jag vill lägga en tabell till vänster brevid skriptet. Där ska jag ha ex kontaktinfo osv.. Jag lyckas inte få in tabellkoden i den befintliga koden. Hängde ni med

<table width="100">
 <tr>
  <td>
   ... här stoppar du in kontakt och så
  </td>
  <td width="900">
   <div id="gallery">
    ...
   </div>
   <script>...</script>
  </td>
 </tr>
</table>

Typ så.

 

[Forslund]

Vart lägger jag den?

 

[levitte]

Vart lägger jag den?

Där du just nu har

<div id="gallery">
...
</div>
<script>...</script>

 

[Forslund]

Nu ligger de jämte. Men Hur får jag skriptet centrerat som förut? "Kontakt" ligger rätt.


www.jfphoto.se/indextest.html

 

[levitte]

Nu ligger de jämte. Men Hur får jag skriptet centrerat som förut? "Kontakt" ligger rätt.


www.jfphoto.se/indextest.html

Förstår jag rätt, du vill ha marginal till höger i samma storlek som infokolumnen till vänster?

Mvh,
Richard

 

[Forslund]

Jag vill att "kontakt" osv i vä marginal (det kommer bli knappar sedan). Sedan vill jag ha skriptet centrerat under loggan. Sedan vill jag ju att det ska se bra ut i de flesta upplösningarna. Till höger om skriptet kommer det inte vara någonting

 

[joper]

Du kan ju lägga en <center> precis ovanför <table> så blir tabellen centrerad... Men hur som, detta är ingen vidare snygg lösning att använda sig av tabeller för att få till designen av sidan. Att använda sig av <DIV> och positionering via CSS är en mycket bättre lösning på alla sätt o vis .. ska göra ett exempel.

 

[joper]

Detta kan kanske fungera... har utgått från din kod, så sökvägarna borde vara rätt. Testa med att klistra in nedan i ny html-fil och se hur det ser ut.

<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>JF PHOTOGRAFY Fotograf Jonas Forslund</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
	<script src="galleria/galleria-1.2.5.min.js"></script>
	<style type="text/css">
		body{  
			background-color: black;
			color: white;
			text-align:center;
			font-family: Verdana, Tahoma, Helvetica, Arial;			
		}  

		a:link {text-decoration: none; color: white;}
		a:visited {text-decoration: none; color: white;}
		a:active {text-decoration: none; color: white;}
		a:hover {text-decoration: underline; color: white;}

		#page { 
			width: 1000px; 
			margin: 0 auto; 
		} 

		div#header {

		}

		div#info {
			float:left;
			margin-top: 80px;
			width:180px;
			font-size: 12px;
		}

		div#content {
			float:right; 
		}

		div#footer {
			margin-top: 10px;
			font-size:x-small;
		}
	</style>
</head>
<body>
	<div id="page">

		<div id="header">
			<img src="loggasvart.jpg" alt="logo">
		</div>
		
		<div id="info">
			Kontakt<br>
			med mera <br>
			<br>
			osv..<br>
		</div>

		<div id="content">
			<div id="gallery"> 
				<img src="fs3w.jpg" alt=""> 
				<img src="fs6w.jpg" alt="">
				<img src="fs8w.jpg" alt="">
				<!-- ... -->
			</div> 
		</div>

		<div style="clear:both;"></div>

		<div id="footer">
			<a href="http://www.jfphoto.se/">Fotograf Jonas Forslund</a>
		</div>

	</div>
	<script>
		Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
		$("#gallery").galleria({
			width: 800,
			height: 700
		});
	</script>
</body>
</html>

 

[Forslund]

Grymt.. Men går det att centrera bara skriptet och sen hamnar text/länkarna lite längre ut åt vä?

 

[joper]

Ok, vet inte om jag förstår dig rätt, men har ändrat om lite så nu kan du justera positionen av "info-boxen" med med hjälp av margin-top: 80px; och margin-left: 60px; som finns under div#info i css-koden.

<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>JF PHOTOGRAFY Fotograf Jonas Forslund</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
	<script src="galleria/galleria-1.2.5.min.js"></script>
	<style type="text/css">
		body {  
			background-color: black;
			color: white;
			text-align:center;
			font-family: Verdana, Tahoma, Helvetica, Arial;			
		}  

		a:link {text-decoration: none; color: white;}
		a:visited {text-decoration: none; color: white;}
		a:active {text-decoration: none; color: white;}
		a:hover {text-decoration: underline; color: white;}


		div#header {
			margin: 0 auto; 

		}

		div#info {
			float:left;
			margin-top: 80px;
			margin-left: 60px;
			text-align: left;
			font-size: 12px;
		}

		div#content {
			width: 800px; 
			margin: 0 auto; 
			
		}

		div#footer {
			margin-top: 10px;
			font-size:x-small;
		}
	</style>
</head>
<body>


		<div id="header">
			<img src="loggasvart.jpg" alt="logo">
		</div>
		
		<div id="info">
			Kontakt<br>
			med mera <br>
			<br>
			osv..<br>
		</div>

		<div id="content">
			<div id="gallery"> 
				<img src="fs3w.jpg" alt=""> 
				<img src="fs6w.jpg" alt="">
				<img src="fs8w.jpg" alt="">
				<!-- ... -->
			</div> 
		</div>

		<div style="clear:both;"></div>

		<div id="footer">
			<a href="http://www.jfphoto.se/">Fotograf Jonas Forslund</a>
		</div>


	<script>
		Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
		$("#gallery").galleria({
			width: 800,
			height: 700
		});
	</script>
</body>
</html>