Gå til innhold

Trenger side til presentasjon av skuleprosjekt.


Anbefalte innlegg

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:

Videoannonse
Annonse
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:

Skrevet (endret)

Takker. brukar og redigerar koden no.

Mykje lettare å forstå seg på det når du har grunnkodane og kan redigere so oppdatere for å sjå kva som skjer...

Endret av lassaron-jon
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?

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
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)

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

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

Skrevet (endret)

Viele danke.

Bitte schön.

 

Edit: nei.... sjå vedlegg korleis det blei no. det skal vere til venstre.

vart litt rot no

Endret av lassaron-jon
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;

}

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å
  • Hvem er aktive   0 medlemmer

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