Hjelp med oppsett av side

Movieheart · 20. desember 2007

Var ikke så sikker på hvor jeg skulle poste denne, så jeg postet den bare her. Flytt den gjerne hvis den er feilpostet.

Har funnet et poll script som jeg skal legge inn på siden min. Alt har gått bra helt til jeg skulle legge den inn på mitt eget design. Det hele blir bare en stor grøt.

Slik ser det ut:

Så det jeg lurte på om det var noen her som kunne ha sett på koden og funnet ut hva det er som gjør at det blir sånn?

Klikk for å se/fjerne innholdet nedenfor

<!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>
<title>{vote_title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={txt_charset}" />
<link rel="stylesheet" type="text/css" href="../style1.css"/>

  <style type="text/css">
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
	</style>

 </head>

 <body>

 <div id="page">

 <div id="header"> 

		<img src="../images/banner.jpg" usemap="#tilbake" border="0"/>
		<map name="tilbake">
		<area shape="poly" coords="85,138 , 545,138 , 545,207 , 85,207" href="../index.html">
		</map>

	</div>

	<div id="menu"> 

		<img src="../images/meny.jpg" usemap="#linker" border="0"/>
		<map name="linker">
		<area shape="poly" coords="161,18 , 288,26 , 254,63 , 129,52" href="http://www.invelos.com/dvdcollection.aspx/oyvind1190"
	 	 target="_blank">

		<area shape="poly" coords="357,33 , 478,42 , 449,76 , 323,67" href="../gjestebok/index.php">

		<area shape="poly" coords="549,47 , 672,54 , 644,88 , 518,80" href="../linker.html">

		<area shape="poly" coords="127,100 , 255,100 , 279,137 , 153,136" href="../index.html">

		<area shape="poly" coords="322,100 , 450,100 , 473,138 , 351,137" href="../anmeldelser.html">

		<area shape="poly" coords="517,100 , 644,103 , 666,140 , 544,139" href="../topp_20.html">
		</map>

	</div>

	<div id="content">

		<div id="middle">

		<div class="overskrifter">{vote_title}</div>
		<br>

		</div>

		<div id="middle">

		<div class="normal">
		  {vote_text}
		  <IF NAME="display_link">
			(<a href="{document_self}">{txt_display_form}</a>)
		  </IF NAME="display_link">
		</div>

		</div>

		<div id="middle"

		<div class="normal">
		<IF NAME="display_results">
		  <table border="0" cellspacing="3" cellpadding="1">
			<LOOP NAME="vote_result">
			  <tr>
				<td>{vote_option}</td>
				<td><img src="./templates/images_voting/{bar_image_name}" height="15" width="{bar_width}" alt="" border="0"></td>
				<td>   {vote_number}</td>
				<td>   {relation} %</td>
			  </tr>
			</LOOP NAME="vote_result">
		  </table>
		</div>
		  <div class="normal">{txt_total_votes}: {total_votes}</div>
		</div>
		</IF NAME="display_results">

		</div>

		<IF NAME="display_form">
		  <form name="vote" action="{script_self}" method="post">
			{vote_form_fields}
			<p><input type="submit" name="send" value="{txt_submit}">   (<a href="{document_self}?result=true">							{txt_display_results}</a>)</p>
		  </form>
		</IF NAME="display_form">

		</div>

	<div id="footer"> 
	<br>
	<br>
	<div align="center" class="footer">
	Filmbloggen © 2007
	<br>
	<a href="http://www.freehostia.com/" class="footer">Proudly hosted by FreeHostia.com</a>
	</div>
</div>

</body>
</html>

funkyboy · 21. desember 2007

Ville kort sagt opprettet en boks, og siden innholdsteksten står på svart bakgrunn, ville jeg gjort den hvit. Ser du bruker en tabell der, men hvorfor du gjør det, er trolig på grunn av en grafisk fremstilling av avstemmingen først etter at skjemaet er sendt..? Uansett er ikke denne nødvendig på denne siden, og så lenge du ikke har spesifisert bredde på tabellen, vil den bli like bred som innholdet i tabellen.

Gjør følgende (da du ikke har lagt med stilsett, som gjør at noen andre enn deg vet hvordan utseendet er satt opp):

1. Sett en id i css. Kall denne for f.eks. #poll.

2. Sett bredde, tekstfarge, linkfarge tilhørende #poll. Dette blir gjort slik:

#poll {

width: 300px; /* Du finner selv bredde */

color: #fff; /* Koden for hvit */

}

#poll a:link,

#poll a:visited {

color: #fff; /* Koden for hvit */

text-decoration: none; /* Ingen understrek etc. */

}

#poll a:hover,

#poll a:active {

text-decoration: underline; /* Understrek ved hover / klikk. */

}

Tabellen som viser oversikt etter avstemming (Går ut ifra at dette er en tabell med prosentvis store .gif- bilder..?) setter du inne i poll. Denne vil da tildeles samme fargesett i og med at den er inni elementet #poll.

Movieheart · 21. desember 2007

For å si det sånn så er alt innholdet på siden ikke laget av meg. Jeg lastet ned et poll script og begynte å jobbe ut i fra den templaten som var sammen med scriptet.

Skal jeg sette alt innholdet i <div id="poll"></<div>?

funkyboy · 21. desember 2007

Skal jeg sette alt innholdet i <div id="poll"></<div>?

Ville gitt det et forsøk.

Movieheart · 21. desember 2007

Da har jeg prøvd litt og det ble litt bedre, men langt fra pent fortsatt.

Link

Sånn ser css koden ut:

#poll {	 width:710px;
		margin-left:100px;
		margin-right:100px;
		color:#FFFFFF;
}

Hva kan jeg gjøre for å fjerne det åpenrommet mellom innholdet og footeren?

EDIT: Klarte å fikse det hele. Alt ser bra ut nå!

Takk for tipset! :thumbup:

Endret 21. desember 2007 av Movieheart

Logg inn

Hjelp med oppsett av side

Anbefalte innlegg

Movieheart

Lenke til kommentar

Videoannonse

funkyboy

Lenke til kommentar

Movieheart

Lenke til kommentar

funkyboy

Lenke til kommentar

Movieheart

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer