Avatar billede -padde- Nybegynder
18. juli 2004 - 18:43 Der er 9 kommentarer og
1 løsning

Hvordan laver jeg den side her ?

Hey, jeg vil gerne vide hvordan jeg laver de her designs i html i første omgang, lige nu, der er de jo kun simple billeder, så hvordan laver jeg dem til html ? Har ikke prøvet det før, så hva skal jeg gøre? De ligger lige nu kun i pshop...skal jeg bruge css eller hvordan ?

billede1 : http://upit.dk/files/ekk-dark.jpg
billede2 : http://upit.dk/files/ekk-omvendt.jpg
Avatar billede syvon Nybegynder
18. juli 2004 - 18:57 #1
når det nu aligevel ligger i pshop så kan du jo bare slice det op og gemme det.
Avatar billede -padde- Nybegynder
18. juli 2004 - 19:00 #2
med slice tool ? sys jeg ik går så godt.. hehe
Avatar billede syvon Nybegynder
18. juli 2004 - 19:06 #3
det er da den nemmeste måde at gøre det på da ps selv laver kode
Avatar billede -padde- Nybegynder
18. juli 2004 - 19:07 #4
jow, men jeg tænker så osse mere på, skal jeg så opbygge det i tabel eller er css og div bedre ?
Avatar billede syvon Nybegynder
18. juli 2004 - 19:10 #5
det med div med css kan ps også og det var nok at foretrække
Avatar billede -padde- Nybegynder
18. juli 2004 - 19:11 #6
okai, prøver det der med slice, plejer bare ik at gå godt :P
Avatar billede syvon Nybegynder
18. juli 2004 - 19:12 #7
en lille trøst er at hvis det ikke bliver så godt kan det altid laves om så længe man har pds filen.
Avatar billede roenving Novice
18. juli 2004 - 19:18 #8
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 strict//EN"
    "http://www.w3.org/TR/html401/strict.dtd">
<html>
<head>
<title>Fuld højde simpelt</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/497362">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#content{position:relative;height:100%;width:760px;margin:0 auto;}
#banner{position:absolute;top:0px;left:0px;height:125px;width:100%;background:yellow;z-index:10;}
#main{position:relative;height:100%;background:green;float:left;z-index:0;}
#spacer{height:125px;}
#menu{position:relative;width:120px;float:left;z-index:0;}
</style>
</head>
<body>
<div id="content">
  <div id="banner">dgasdg</div>
  <div>
    <div id="menu">
      <div id="spacer">Usynligt</div>
      <div id="klubmenu">
        <a href=""> en text</a>
        <a href=""> en text</a>
        <a href=""> en text</a>
      </div>
      <div id="divmenu">
        <a href=""> en text</a>
        <a href=""> en text</a>
        <a href=""> en text</a>
      </div>
      <div id="billedmenu">
        <a href=""> en text</a>
        <a href=""> en text</a>
        <a href=""> en text</a>
      </div>
        <a href=""> en text</a>
        <a href=""> en text</a>
        <a href=""> en text</a>
      </div>
      <div id="counters">
        <a href=""> en text</a>
        <a href=""> en text</a>
        <a href=""> en text</a>
      </div>
    </div>
    <div id="main">
      <div id="spacer">Usynligt</div>
      <h1>Nyheder:</h1>
      <a href="">Ny hjemmeside oppe</a><br>
      tekst tekst tekst
      <hr>
      Hovedside
    </div>
  </div>
</div>
</body>
</html>

-- og når du skal vende det om skal du bare ændre float i #menu til float:right;
Avatar billede -padde- Nybegynder
25. juli 2004 - 16:41 #9
altså det er ik koden jeg manglede...og det der slice...øøøhm ja :P det gik ik lige så godt...tror jeg bliver nødt til at droppe det, og lave noget jeg kan finde ud af.. :P
Avatar billede -padde- Nybegynder
25. juli 2004 - 16:42 #10
altså det er ik koden jeg manglede...og det der slice...øøøhm ja :P det gik ik lige så godt...tror jeg bliver nødt til at droppe det, og lave noget jeg kan finde ud af.. :P
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