Gå til innhold

tilbakemelding/hjelp til å friske opp side

Krankemot

Anbefalte innlegg

Krankemot

Krankemot

Skrevet
Skrevet (endret)

jeg driver og lager min aller første hjemmeside for bandet mitt , black handicap, med html og css, jeg lurer på hva jeg kan gjøre for å friske opp siden min?gjøre den lit mer spennende.

 

som sagt, dette eer min første side.

 

her er kodene mine: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>

<title>Lorem ipsum</title>

<link rel="stylesheet" type="text/css" href="style2.css"

</head>

<menu>

</menu>

<body>
<img class="banner" src="banner.gif" height="142" width="709" border="0" alt="banner" align="center">
<img class="sak" src="saketing.gif" height="130" width="130" border="0" alt="den i hjørnet">

<p class="overskrift">Lorem ipsum dolor sit amet.</p>
<p class="paragraf">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer in leo. Pellentesque accumsan feugiat sem. Aliquam elementum. Curabitur at tortor vel nisl semper placerat. Sed in dolor et magna egestas dictum. Mauris quis odio ornare felis adipiscing tempus. Ut arcu eros, euismod sed, volutpat id, accumsan non, eros. Pellentesque lacus diam, iaculis sit amet, facilisis ultrices, interdum vel, est. Phasellus luctus sapien. Vestibulum blandit fringilla eros. Nunc in ante eget enim iaculis varius. Cras sem. <a class="lesmer" href="Ombandet.htm">Les mer...</a>  </p>
<p class="skrevet">Skrevet av Snorre, 14.03.05</p>

<p class="overskrift">lorem ipsum...</p>
<p class="paragraf">orem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce luctus mauris nec pede. Fusce eros neque, blandit vel, ullamcorper nec, placerat sit amet, justo. Mauris a quam sit amet eros blandit tempus. Suspendisse nonummy. Cras ac purus eu felis varius vestibulum. Suspendisse id lectus id diam faucibus accumsan. Proin condimentum vehicula dolor. Sed metus odio, pretium eu, interdum non, placerat a, mi. Donec vel dolor imperdiet elit mollis posuere. Nullam egestas lorem et tellus. Vivamus eget nunc in mi lobortis auctor. Suspendisse...  <a class="lesmer" href="meripsum.html">Les mer...</a></p>
<p class="skrevet">Skrevet av Snorre, 17.01.05</p>
</body>
</html>

 

CSS:

body {
background-attachment: fixed;
background-image: URL('bakgrunn.gif');
background-repeat: repeat-y;
}

p.overskrift {
font-size: 14pt;
margin-left: 5cm;
margin-top: 4cm;
font-family: verdana;
}

p.skrevet {
font-size: 8pt;
color: #8a000b;
float: right;
margin-right: 10cm;
font-family: times;
}

p.paragraf {
font-size: 12pt;
margin-left: 4cm;
margin-right: 9cm;
margin-top: 1cm;
font-family: arial;
}

img.sak {
float: left;
margin-Left: 1,5cm;
}

img.banner {
position: absolute;
left: 150px;
top: 0px;
}

body {
border-color: #767676;
border-top: 4cm;
border-spacing: 4cm;
}

 

 

og link: http://home.no.net/snobjorn/

 

 

 

EDIT!: la til koder

edit2: la tikl link :p

Endret av norma_saw
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Stian89

Stian89

Skrevet
Skrevet (endret)

Med hover effekt mener jeg at linken f.eks endrer farge når du holder musen over den, eller at den endres fra bold til kursiv e.l.

 

Her har du et veldig simpelt eksempel: (fargene endrer du seff til noe som ser bra ut, dette er kun ment som et eksempel)

 

HTML:

<HTML>

<HEAD>

<title>asjkdlhas</title>

<link rel="stylesheet" type="text/css" href="css.css">

</HEAD>

<BODY>

 

<a href="#">EN LINK</a>

 

</BODY>

 

CSS:

a:link {

color: red;

text-decoration: none;

}

a:visited {

color: red;

text-decoration: none;

}

a:hover {

text-decoration: none;

color: blue;

}

 

 

edit: ja... du kom før meg der ja...

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