Avatar billede mads.peder Nybegynder
23. august 2003 - 16:54 Der er 21 kommentarer og
2 løsninger

Hvordan laver man ingen mellemrum og border på en div ?

Hej.
Jeg har en hjemmeside og er i gang med at lære css. Jeg er faldet over en artikel på www.html.dk hvor man lærer hvordan man dropper tabbeler til menuer til fordel for css. Men jeg har 2 problemer :-(
Det første er at jeg ikke kan fjerne de mellemrum der komme mellem mine menupunkter :-(
Det andet er at jeg ikke kan finde ud af at lave border på min menu.
Jeg vil blive meget gald hvis dem der hjælper mig har en del tid (½ time) da jeg er bange for jeg ik fatter det i første omgang

50 points på højkant :-)

Mads Peder
Avatar billede mads.peder Nybegynder
23. august 2003 - 16:55 #1
Så før i da også et link :-)

www.altispil.frac.dk
Avatar billede heavybreezer Nybegynder
23. august 2003 - 16:56 #2
Kan du ikke komme med dine kode?
Jeg er nemlig ikke helt sikker på hvad du mener?
Avatar billede heavybreezer Nybegynder
23. august 2003 - 16:56 #3
Linket virker ikke :S
Avatar billede mads.peder Nybegynder
23. august 2003 - 16:56 #4
Her er koden og du kan se det på linket :-)

<html><head><title>title</title>
<style type="text/css">

body {
    margin:0px;
}
#title {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height: 75px;
    background-color:blue;
}
#leftmenu {
    position:absolute;
    left:0px;
    top:75px;
    width:120px;
    background-color:silver;
}
#rightmenu {
    position:absolute;
    right:0px;
    top:75px;
    width:150px;
    background-color:silver;
}
#content {
    padding-top: 70px;
    margin-left:160px;
    margin-right:160px;
    background-color:white;
}
p {
        font famyli: "Times New Roman", serif;
        font size: 1em;
}
</style>
</head>
<div id="title"><br>
<h1><center>Velkommen til min hjemmeside om pc spil</center</h1>
</div>


<div id="leftmenu">
<ul>
<font size="3px">
<li>
<p align="left">
<b>
Menu
</b>
</p>
</li>
<hr>
<li>
<p>
<a href="anmeldelser.htm">Anmeldelser</a>
<hr>
</li>
<li>
<a href="gaestebog.htm">Gæstebog</a>
</li>
</ul>
Avatar billede mads.peder Nybegynder
23. august 2003 - 16:57 #5
Hva satan. linket virker ik. Giv mig 2 minnuter ;)
Avatar billede mads.peder Nybegynder
23. august 2003 - 16:59 #6
Prøv igen nu :-)
Avatar billede schaefner Juniormester
23. august 2003 - 17:05 #7
Prøv:

<div id="leftmenu">
<li><b>Menu</b></li>
<hr>
<li><a href="anmeldelser.htm">Anmeldelser</a>
<hr>
<li><a href="gaestebog.htm">Gæstebog</a></li>
</div>


og border med:

border: 1px solid #00FF00
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:07 #8
Hvordan sætter jeg borderen ind (bare forklar det som var det til en ididot ):-)
Avatar billede schaefner Juniormester
23. august 2003 - 17:08 #9
et eksempel:

<html>
<head>
<title>title</title>
<style type="text/css">
body {
    margin: 0;
    font-family: verdana,sans-serif;
    font-size: 11px;
}
#title {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height: 75px;
    background-color:blue;
}
#leftmenu {
    position:absolute;
    left: 0px;
    top: 75px;
    width:120px;
    background: silver;
    border: 1px solid black;
}
#rightmenu {
    position:absolute;
    right:0px;
    top:75px;
    width:150px;
    background-color:silver;
}
#content {
    padding-top: 70px;
    margin-left:160px;
    margin-right:160px;
    background-color:white;
}
</style>
</head>

<div id="title"><br>
<h1><center>Velkommen til min hjemmeside om pc spil</center></h1>
</div>


<div id="leftmenu">
<li><b>Menu</b></li>
<hr>
<li><a href="anmeldelser.htm">Anmeldelser</a>
<hr>
<li><a href="gaestebog.htm">Gæstebog</a></li>
</div>

</body>
</html>
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:08 #10
Ahhh:-)
Vent lige lidt. Afprøver det lge :D
Avatar billede heavybreezer Nybegynder
23. august 2003 - 17:13 #11
Jeg prøvede lige en helt anden ting, er ikke sikker om du kan bruge den?

<html>
<head>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#FF00FF" alink="#FF0000" rightmargin="0" topmargin="0" leftmargin="0">

<center><table width="100%"  height="75" cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td bgcolor="#0000FF"><font size="7"><center><h1>Velkommen til min hjemmeside om pc spil</h1></center></font></td>
  </tr>

</table></center>
<table width="100"  height="75" cellspacing="0" cellpadding="0" style="border:1px black solid">
  <tr>
    <td bgcolor="#C0C0C0" style="border-bottom:1px #808080 solid"><li style="margin-left:5">Menu</li></td>
  </tr>
  <tr>
    <td bgcolor="#C0C0C0" style="border-bottom:1px #808080 solid;border-top:1px #FFFFFF solid"><li style="margin-left:5">Anmeldelser</li></td>
  </tr>
  <tr>
    <td bgcolor="#C0C0C0" style="border-top:1px #FFFFFF solid"><li style="margin-left:5">Gæstebog</li></td>
  </tr>
</table>
</body>
</html>
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:13 #12
Okay shcafner :-)
Det kurede desværre ik mine mellemrum :-(
Du kan selv lige se på min side (link i toppen)
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:15 #13
hmm, kigger lige på det heavy :D
Avatar billede heavybreezer Nybegynder
23. august 2003 - 17:21 #14
Nå? :)
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:23 #15
Jo se nu ligner det noget heavy. Det kurede dem i hvert tilfælde(mellemrumene). Og der kom border på. Hvis du lige kan vente lidt med at få point, så vil jeg lige sidde og lege med det. Jeg vil også gerne høre hvordan jeg skal dele pointene.
Jeg havde tænkt på

schaefner =10 for forsøget
og
Heavybreezwer=40 for resultatet

Hvad siger i ??
Avatar billede heavybreezer Nybegynder
23. august 2003 - 17:25 #16
Hmm.. Syns måske schaefner skal have 15-20?
Men det kommer an på hvad du mener..
Avatar billede heavybreezer Nybegynder
23. august 2003 - 17:26 #17
Og joda, jeg kan sagtens vente lidt med point.. Leg du bare! :)
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:28 #18
Tak :)
Og så venter vi kun på schaefner ;)
Avatar billede schaefner Juniormester
23. august 2003 - 17:29 #19
han kommer her :)
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:31 #20
Sådan. Tror jeg deler 15-35 på Heavy´s opfordring ;)
Tak for hjælpen gutter. I har gjort en dreng meget glad :-)
Avatar billede schaefner Juniormester
23. august 2003 - 17:33 #21
og du har gjort en dreng 15 point rigere ;o)
Avatar billede heavybreezer Nybegynder
23. august 2003 - 17:40 #22
Jep, takker for point! ;)
Avatar billede mads.peder Nybegynder
23. august 2003 - 17:45 #23
My pleasure :-)
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