Avatar billede klaske_ko Nybegynder
06. april 2004 - 01:41 Der er 2 kommentarer og
1 løsning

Hvordan laver jeg min side med css og div

Hey...jeg har lavet et lille design for sjovt for at lære css...En af mine venner siger så til mig at jeg osse skal have div..og fatter jeg SLET intet af...kan i hjælpe mig lidt ?

Design med Tabels & css :
http://upit.frac.dk/css/

css fil :
http://upit.frac.dk/css/style.php2


Kan i hjælpe ?
Avatar billede roenving Novice
06. april 2004 - 02:45 #1
Måske er det dette, du kigger efter ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Table divs</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/486318">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;}
img{padding:0px;margin:0px;}
#main{height:100%;text-align:center;}
#content{height:100%;margin:auto;text-align:left;width:703px;}
.box{background:#A8C1E7;border:1px solid black;color:#fff;}
#left{float:left;width:350px;height:308px;border-right:0px;border-bottom:0px;}
#right{float:left;width:350px;height:312px;border-bottom:0px;}
#menu{clear:all;width:701px;font-size:x-small;color:#000;}
a:link        { color : #0099FF; text-decoration : none; }
a:visited    { color : #0066FF; text-decoration : none; }
a:hover        { color : #000000; text-decoration : underline; }
a:active    { color : #4C4C4C; text-decoration : none; }
</style>
</head>
<body>
<div id="main">
  <div id="content">
    <div id="left" class="box">
      <img src="http://upit.frac.dk/css/billed.jpg" width="350" height="310">
    </div>
    <div id="right" class="box">
      Test test :) div div div :P
    </div>
    <div id="menu" class="box">
      <a href="index.php">Forside</a> | <a href="digte.php">Digte</a> | <a href="tagwall.php">Gæstebog</a> | <a href="links.php">Links</a> | <a href="jokes.php">Jokes</a> | <a href="profil.php">Profil</a>
    </div>
  </div>
</div>
</body>
</html>
Avatar billede stig69 Nybegynder
06. april 2004 - 08:09 #2
http://html.dk er der nogle hurtige eksempler på brug af div og css. De er på dansk og meget forståelige. Prøv at læs lidt på css tutorials især lektion 8 og fremad: http://www.html.dk/tutorials/css/lektion8.asp. Jeg synes de er godt forklaret, især hvis man ikke har arbejdet så meget med det før

Stig
Avatar billede klaske_ko Nybegynder
06. april 2004 - 17:47 #3
Jeg fandt selv ud af det.. :) ... har lige opdateret min css så i kan se ;)

http://upit.frac.dk/css/style.php2

og siden :
http://upit.dk/tine/html/index.htm
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester