Gå til innhold

HTML/ CSS linker.

Gulliksen

Av Gulliksen
i Programmering og webutvikling

Anbefalte innlegg

Gulliksen

Gulliksen

Skrevet
Skrevet

Jeg er ganske ny når det gjelder Html/CSS. Nå har jeg fulgt tutorialen på denne siden.

 

Her kan dere se hvordan siden ser ut ferdig.

Alt dette er greit og jeg skjønner det, men det jeg har problemer med er linker. Det jeg vil er at når jeg trykker f.eks på link 1 så skal det åpnes en ny side i "content header".

 

Koden for "Link 1":

<a href="#">Link 1</a>

 

Sikkert forklart veldig knotete her, men håper noe skjønner dette og kan svare :)

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Garreth

Garreth

Skrevet
Skrevet (endret)

kopier html filen som heter: http://gulspurv.hia.no/kurs/is100/danig06/mysite.html og kall den link1.html. I link1.html så skriver du det som du vil ha på denne siden inne i <td width="489" class="content">

 

Så lagrer du menyen til å peke til link1.html

 

altså:

<a href"link1.html">Link1</a>

og laster dennne opp på serveren. Da vil siden sende deg til link1.html. :)

 

Ser du har en del basic html feil: Html koden skal egentlig sånn ca se slik ut:

 

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>My First CSS WebSite</title>
<link href="mys.css" rel="stylesheet" type="text/css">
</head>
<body>

<h1>CSS Website</h1>
<span class="quote_text">Because CSS is Awesome</span>

<div id="left">
<h2>Menu<h2>
<ul id="menu">
<li><a href="link1.html">Link 1</a></li>
<li><a href="link1.html">Link 2</a></li>
<li><a href="link1.html">Link 3</a></li>
<li><a href="link1.html">Link 4</a></li>
<li><a href="link1.html">Link 5</a></li>
</ul>

<h2>News</h2>
<p>This is just a place where you can write some brief news, updates, and possibly insert some affiliates or links. You can even put more parts of your navigation menu here!</p>
</div>

<div id="content">
<h2>Content Header</h2>

<p>Main content goes here! This is just some random text that you can change. Do not leave this dummy text on your
actual site. This is not meant to be read, it is meant to be removed. Write news, articles, or whatever other kind of content
you would like here.</p>
</div>

<div id="footer">Copyright 2005 <a href="http://www.greycobra.com">GreyCobra Productions</a></div>
</body>
</html>

Siden ser nok ikke helt slikt ut som du har nå, men det er bare å forandre css-en til å style de nye elementene.

 

Edit: Anbefaler på det sterkeste at du sette deg litt inn i hvordan html elementer skal brukes i et dokument. Tabeller brukes ikke lenger til å posisjonere innhold. Tabeller brukes til tabulær data (fotball tabeller osv)

 

Les litt på htmldog.com for en rask innføring.

Endret av Garreth
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...