Gå til innhold

Hjelp med oppsett av side

Movieheart

Av Movieheart
i Programmering og webutvikling

Anbefalte innlegg

Movieheart

Movieheart

Skrevet
Skrevet

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:

 

post-87995-1198192803_thumb.jpg

 

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>

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
funkyboy

funkyboy

Skrevet
Skrevet

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. :D

Lenke til kommentar
Movieheart

Movieheart

Skrevet
  • Forfatter
Skrevet (endret)

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 av Movieheart
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...