Avatar billede compac Seniormester
13. januar 2008 - 21:47 Der er 5 kommentarer og
1 løsning

Indsætning af knapper

Hvordan indsætter jeg knapper i denne skabelon?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
  position:absolute;
  height:100%;
  width:100%;
  overflow:auto;
  background:#666;
}


#header{
  height: 15%;
  background:#888;
}

.floadtext  {
float: right;
width: 250px;
margin-top:0px;
margin-right: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: rgb(192, 192, 192);
font-size: 12pt;
display: inline;
background:#ededed;
}

#sidebar{
  float:left;
  width:18%;
  background:#666;
}

#main{
  width:80%;
  float:right;
  background:#ccc;
}

#footerspc{
  clear:both;
  height:15%;
}

#footer {
  position:absolute;bottom:0px;left:0px;
  width:100%;
  height: 15%;
}
#footer2{
  margin-right:17px;
  height:100%;
  position:relative;
}
#footer3{
  background:#ddd;
  position:absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#footer{z-index:2;}</style><![endif]-->
</head><body>

<div id="footer"><div id="footer2"><div id="footer3"> .footer..  </div></div></div>

<div id="bodyen">
<div id="header">header ...  </div>
<div id="sidebar"> sidebar...  </div>
<div id="main">main...<br>main...<br>main...<br><div class="floadtext">
her er floatvindue
</div>
main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...slut</div>
<div id="footerspc"></div>
</div>

</body></html>


Mine knapper skal have dette udseende:

#mybutton
    {
    border-style: inset;
    border-color: #ff6633;
    background-color: #CC3300;
    text-decoration: none;
    width: 80px;
    text-align: center;
    }

A.buttontext
    {
    color: white;
    text-decoration: none;
    font: bold 12pt Verdana;
    cursor: hand;
    }

.buttonover
    {
    color: 8080FF;
    text-decoration: none;
    font: bold 12pt Verdana;
    cursor: hand;
    }
Avatar billede zurekk Nybegynder
16. januar 2008 - 20:10 #1
Du sætter de(m|n) ind hvor du har lyst?

<button>Jeg er en knap</button>

: )
Avatar billede compac Seniormester
17. januar 2008 - 14:31 #2
Hvad nu hvis jeg vil have dem stående på en lodret liste i den venstre margin: #sidebar. Hvad skal jeg så gøre?
Avatar billede roenving Novice
19. januar 2008 - 15:08 #3
<div id="sidebar">
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button><br>
<button>Jeg er en knap</button>
</div>
Avatar billede compac Seniormester
28. januar 2008 - 17:51 #4
Tak roenving - læg et svar
Avatar billede roenving Novice
29. januar 2008 - 00:12 #5
Det er vel en deler ?-)

Velbekomme '-)
Avatar billede roenving Novice
03. maj 2008 - 01:17 #6
-- og tak for point ;~}
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