Gå til innhold

Trenger side til presentasjon av skuleprosjekt.

lassaron-jon

Anbefalte innlegg

lassaron-jon

lassaron-jon

Skrevet
Skrevet

Hei.

Eg har hatt avsluttande særoppgåve om global oppvarming no på slutten av 10. klasse.

Eg hadde tenkt å presantere det eg har skrive+bilder på ei internettside.

Er nok stor + isteden for å berre levere inn nokon tørre ark. det har læraren sagt og..

Men poenget er at eg har begynt å få lita tid/orkar ikkje å lage ei sjølv.

 

Tenkte å ha ei frammside, og ein slags liten boks med linkar til dei andre sidene nedover på venstre eller høgre side.

Sånn

Frammside

Introduksjon

Fakta

osv.

 

ellers skal ho vere ganske enkel.

 

er det nokon som har ein kode og grei layout som eg kan stjele frå dåke?

 

håpar nåken gidd å hjelpe meg litt her :yes:

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Matsemann

Matsemann

Skrevet
Skrevet

HTML

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="stil.css" type="text/css" />
<title>To-kolonner</title>
</head>
<body>
<div id="wrapper">
   <div id="header"></div>

   <div id="innhold">
   <h1>Innhold</h1>
   </div>

   <div id="meny">
   Link<br />
   Link<br />
   </div>

   <div id="footer">
   Siden er laget av Matsemann
   </div>
</div>
</body>
</html>

 

CSS: (stil.css)

Klikk for å se/fjerne innholdet nedenfor
* {
padding:0px;
margin:0px;
}
body {
background-color:#87D1E0;
}
#wrapper {
width:800px;
margin:auto;
background-image:url(bakgrunn.gif);
}
#header {
width:800px;
height:250px;
background-image:url(header.gif);
}
#innhold {
width:600px;
float:left;
}
#meny {
width: 200px;
float:right;
}
#footer {
clear:left;
}

Bakgrunn.gif:

Klikk for å se/fjerne innholdet nedenfor
bakgrunn.gif

Bytt ut med dine egne farger, og menyen og innholdet vi alltid være like langt.

 

Ellers må du lage en header selv (850px bred og så mange pixler høy du vil), legge til ting i menyen osv.

 

Klipp og lim fra en kode jeg skrev en gang, håper det kanskje kan brukes. Spør om det er noe du lurer på, eller om jeg missforsto helt :whistle:

Lenke til kommentar
Lukilock

Lukilock

Skrevet
Skrevet (endret)

Hei!

 

Jeg har ingen konkret svar på spørsmålet ditt, men har du prøvd et program som du lager sider i? Da slipper du å kode siden selv, bruker dette alternativet selv og er godt fornøyd med det.

 

Vis du ikke skal ha mer "avansert" side enn det du skal ha, så ville jeg ha prøvd det.

 

Det programmet jeg bruker heter Dreamweaver, og det er Adobe som har det.

Det finnes både i test versjon på 30dager, eller du kan kjøpe det å ha det så lenge du vil.

 

Her kan du laste ned Dreamweaver Trail .

 

 

Sempron ;)

Endret av Sempron
Lenke til kommentar
Matsemann

Matsemann

Skrevet
Skrevet
Har eit problem no...

Etter kvart som eg fyllte  opp med tekst nedover sida, for linkane på høgre sida i "meny" nedover og.... dei vil eg ha på toppen heile tida helst...

Korleis kan eg fikse det?

8258315[/snapback]

Det skjer ikke her, så om du nevner hvilken nettleser du bruker, og hvordan koden din ser ut kan det nok løses. Kan også hende jeg postet den gamle versjonen av koden, men jeg har ikke mulighet for å sjekke nå, men kan gjøre det i kveld ;)

 

(Minn meg på det om jeg glemmer det)

Lenke til kommentar
Gissan

Gissan

Skrevet
Skrevet
testa i både IE og firefox.

Når eg har lagt inn tekst nedover sida flyttar linkane seg eit stykke og.

8265779[/snapback]

Du har vel ikke en link til en Live-versjon av siden, vel? :ermm:

 

Lettere å forstå hva du prøver å fortelle oss da.. :)

Lenke til kommentar
hjahre

hjahre

Skrevet
Skrevet
Har eit problem no...

Etter kvart som eg fyllte  opp med tekst nedover sida, for linkane på høgre sida i "meny" nedover og.... dei vil eg ha på toppen heile tida helst...

Korleis kan eg fikse det?

8258315[/snapback]

Det skjer ikke her, så om du nevner hvilken nettleser du bruker, og hvordan koden din ser ut kan det nok løses. Kan også hende jeg postet den gamle versjonen av koden, men jeg har ikke mulighet for å sjekke nå, men kan gjøre det i kveld ;)

 

(Minn meg på det om jeg glemmer det)

8258749[/snapback]

 

Jeg bruker Opera og det samme skjedde med meg, som det som skjedde med "lassaron-jon".

Det han kan gjøre er å endre litt i #meny i css'n

Klikk for å se/fjerne innholdet nedenfor

fra dette

#meny {
 width:200px;
 float:right;
}

til dette

#meny {
 position: absolute;
 top: 250px;
 width:200px;
 float:right;
}

det burde gjøre susen ;)

 

det gjorde hvertfall det hos meg, når jeg hadde samme problemet på en av sidene mine :p

Lenke til kommentar
Richard87

Richard87

Skrevet
Skrevet

hva skjer vis du prøver vertical-align: top; i

 

#wrapper {stil.css (line 8)

background-image:url(bakgrunn.gif);

height:1250px;

margin:auto;

width:800px;

}

 

slik som dette:

#wrapper {stil.css (line 8)

background-image:url(bakgrunn.gif);

height:1250px;

margin:auto;

width:800px;

vertical-align: top;

}

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
×
×
  • Opprett ny...