vaken

Vakencorner




BottomBottom  Previous Topic Previous Topic  Next Topic Next Topic   Register To Post



Problem med html, css
#1


See User information
Hej,

Håller på att göra en enklare hemsida. Den ska bestå av tre kolumner med en del innehåll. För att hålla allt på rätt plats så har jag använt kommandot position i en .css-fil. Saken är att så fort jag ändrar storlek på webbläsarfönstret eller ändrar upplösning så hänger inte alla element med utan flyttar sig.

Har byggt upp koden så här:
[i]
"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="nofollow" href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
</div>

<div id="menu">
<ul>
<li class="active"><a rel="nofollow" href="" accesskey="1" title=""> </a></li>
<li><a rel="nofollow" href="" accesskey="2" title=""> </a></li>
<li><a rel="nofollow" href="" accesskey="3" title=""> </a></li>
<li><a rel="nofollow" href="" accesskey="4" title=""> </a></li>
<li><a rel="nofollow" href="" accesskey="5" title=""> </a></li>
<li><a rel="nofollow" href="" accesskey="6" title=""> </a></li>
</ul>
</div>

<div id="content">
<div id="colOne">
</div>
<div id="colTwo">
</div>
<div id="colThree">

</div>

<div id="footer">
<ul>
<li class="active"><a rel="nofollow" href="" accesskey="1" title=""></a></li>
<li><a rel="nofollow" href="" accesskey="2" title=""></a></li>
<li><a rel="nofollow" href="" accesskey="3" title=""></a></li>
<li><a rel="nofollow" href="" accesskey="4" title=""></a></li>
<li><a rel="nofollow" href="" accesskey="5" title=""></a></li>
<li><a rel="nofollow" href="" accesskey="6" title=""></a></li>
<li><a rel="nofollow" href="" accesskey="6" title=""></a></li>
</ul>
</div>
</body>"[i/i]

Efter det så har jag lagt till en del element i de tre kolumnerna, som t. ex. headers och formulärer. För att justera en del av elementen tillhörande formulärerna så har jag använt kommandot position i .css-filen för att få dem på rätt plats.

Så här t. ex.:

#id1 "{position: absolute; left: 815px; top:500px}"

Någon tipsade att jag skulle bygga in allt i ett container "id". Detta lätt vettigt men hjälpte inte. Någon annan tipsade om att jag skulle använda % istället för px men det funkade inte heller.

Jag vill i princip ha en hemsida med header, en enkel menu, footer (med menu), tre kolumner med innehåll. Om någon vet hur jag kan göra detta med min kod eller på helt annat sätt så vore det toppen.

Posted on: 2009/1/3 17:17
 Top  Twitter  Facebook  Google Plus  Linkedin  Del.icio.us  Digg  Reddit  Mr. Wong 








dvd-infobeställning banner längst ned.
Ikoner
Paypal
Stötta Vaken med en månatlig donation
Facebook
Gå även med i vår facebook-grupp och bli en av de över 15 000 som diskuterar där.
Login
Annonsorer och reklam
Annonser:






Annonsorer och reklam 2


Creeper MediaCreeper
Vilka är Online
30 user(s) are online (30 user(s) are browsing Forum)

Members: 0
Guests: 30

more...
Nya medlemmar
test_user
test_user
01/01/2020
brifrida 09/05/2019
Turbozz 08/15/2019
Fr4nzz0n 07/30/2019
Egenerfarenhett 05/19/2019
Bloggar o Länkar

I11time.dk
911 Truth i Danmark.
Se verkligheten
Dissekerar skildringar från massmedia.
Den dolda agendan
Nyheter på svenska.
Klarsikt
Mats Sederholm & Linda Bjuvgård.
Dominic Johansson
Hjälp Dominic att komma hem.
Mjölkpallen
Mjölkpallen är samlingsplatsen där bonnförnuftet tros ha sitt säte.
911truth.no
911 Truth i Norge.
Nyhetsspeilet.no
Nyheter på norska.
En bild säger mer ...
Citat från eliten som bilder.
Folkvet
Sanningen är dold bland lögnerna
Fred & Frihet
Geoengineering.se
Hur påverkar geoengineering dig?
Grundläggande frihetsbegrepp på svenska

RSS