/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Bund i "margin-boks" - hjælp?
Fra : Emma Hjorth


Dato : 16-07-08 22:29

Hej.
Jeg har et problem med kodningen af min hjemmeside, da jeg ikke
kan finde ud af at lave en bund i min tekstboks p. Jeg kan
sagtens skrive hvor bred den skal være, hvor langt den er fra
siderne og det, men lige meget hvad jeg forsøger kan jeg ikke få
en bund på, så man kan bruge scrolling. Jeg ved ikke om jeg
bruger en forkert metode, så jeg håber at nogen kan hjælpe.

(Jeg har desværre ikke programmet til at uploade til nettet
endnu, så jeg bliver nød til at skrive koden her.)

Selve filen:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title> Tjatter.dk</title>
</head>
<body>
      <h1>Hej</h1>
      <p>her laver vi lige lidt tekst :3 og mere teksther laver vi
lige lidt tekst :3 og mere teksther laver vi lige lidt tekst :3
      og mere teksther laver vi lige lidt tekst :3 og mere teksther
laver vi lige lidt tekst :3 og mere teksther laver vi lige lidt
tekst :3
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      her laver vi lige lidt tekst :3 og mere teksther laver vi lige
lidt tekst :3 og mere teksther laver vi lige lidt tekst :3 og
mere tekst
      <br><br><br><br><br><br><br></p>
      <h2>en
overskrift!!!</h2><p><br><br><br><br><br><br><br><br><br><br>Teks
tkesktse</p>


      <div style="position:absolute;
      Left: 854px; top: 257px; height: 100px;">
      <font style=" scrollbar-arrow-color: black;
      scrollbar-3dlight-color: #FFFFFF;
      scrollbar-base-color: #FFFFFF;
      scrollbar-darkshadow-color: #4040FF;
      scrollbar-face-color: #1e2972;
      scrollbar-highlight-color: #4040FF;
      scrollbar-shadow-color: #4040FF;
      scrollbar-track-color: #4040FF;
      OVERFLOW: auto;
      WIDTH: 192; HEIGHT: 450px;
      background: no-repeat fixed transparent">

   
      <h4><a href="side.html" class="navi">dex index index
inde</a></h4>
      <h4><a href="side.html" class="navi">work artwork
artwor</a></h4>
      <h4><a href="side.html" class="navi">layroom playroom
pl</a></h4>
      <h4><a href="side.html" class="navi">ine online online
on</a></h4>
      <h3><center>information</center></h3>
      <div id="infobillede"><img src="infobillede.png"></div>
      <h5>her er lidt information om siden, om mig og den slags, her
skriver jeg også lidt
      tilfældige ting. Der kommer også et billede. Selleri, selleri,
en masse dejligt selleri
       - det ka' jeg ikke li'!<br><br>

      Host; Privat<br>
      Credits: Blabla<br>
      ©Emma Hjorth 2008<br></h5>
      </div>


</body>
</html>

Stylesheet:

body {background: #FFFFFF url("logo.png") no-repeat 0px 0px}

p {color: #000000;
font-family: calibri, serif;
font-weight: normal;
text-align: justify;
margin: 10px 480px 100px 170px;
background-color: #FFFFFF;}

h1 {color: #000000;
font-family: tahoma, serif;
font-weight: normal;
text-transform: capitalize;
margin: 265px 380px 0px 170px;}

h2 {color: #000000;
font-family: tahoma, serif;
font-weight: normal;
margin: 0px 380px 0px 170px}

h3 {color: #981313;
font-family: Tahoma, serif;
text-align: center;}

h4 {color: #000000;
background-color: #6a6a6a;
font-family: calibri, serif;
font-size: 13px;
font-weight: normal;
letter-spacing: 4px;}

h5 {color: #000000;
background-color: #6a6a6a;
font-family: calibri, serif;
font-size: 13px;
font-weight: normal;}

#infobillede {float:right; width: 50px;}


a.navi {color: #000000;
text-decoration: none;}
a.navi:hover {background-color: #981313;}
a:link a:visited {color: #00000;}
a:hover a:active {color: #00000; background-color:red;}




På forhånd tak.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Kim Ludvigsen (16-07-2008)
Kommentar
Fra : Kim Ludvigsen


Dato : 16-07-08 22:47

Emma Hjorth skrev:

> (Jeg har desværre ikke programmet til at uploade til nettet
> endnu, så jeg bliver nød til at skrive koden her.)

Det behøver du såmænd ikke et specielt program til, se her:
http://kimludvigsen.dk/programmer-internet-kompozer-trin-sitemanager.html#mappe

Hvis du endnu ikke har fået dig et webhotel, kan du bruge et
gratis af slagsen til at teste dine sider, eller når du skal
have hjælp:
http://frac.dk

--
Mvh. Kim Ludvigsen
Lav flotte fotomosaikbilleder med Centarsia.
http://kimludvigsen.dk

Emma Hjorth (17-07-2008)
Kommentar
Fra : Emma Hjorth


Dato : 17-07-08 20:14

Nu er siden uploadet: http://www.tjatter.dk/prove2.html

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kim Ludvigsen (17-07-2008)
Kommentar
Fra : Kim Ludvigsen


Dato : 17-07-08 21:22

Emma Hjorth skrev:
> Nu er siden uploadet: http://www.tjatter.dk/prove2.html

Det gør det lidt nemmere, men en bedre forklaring vil også
hjælpe. Du skrev: "men lige meget hvad jeg forsøger kan jeg
ikke få en bund på, så man kan bruge scrolling"

Jeg ved ikke, hvad du mener, jeg kan fint rulle med siden i
min Firefox.

--
Mvh. Kim Ludvigsen
Ryd op i dine foretrukne bogmærker med AM-DeadLink.
http://kimludvigsen.dk

Emma Hjorth (18-07-2008)
Kommentar
Fra : Emma Hjorth


Dato : 18-07-08 14:47

Kim Ludvigsen wrote in dk.edb.internet.webdesign.html:
> Det gør det lidt nemmere, men en bedre forklaring vil også
> hjælpe. Du skrev: "men lige meget hvad jeg forsøger kan jeg
> ikke få en bund på, så man kan bruge scrolling"


Jeg mente i det lille stykke hvor teksten er (der hvor
overskriften er "Hej")

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Birger (18-07-2008)
Kommentar
Fra : Birger


Dato : 18-07-08 14:59

"Emma Hjorth" <emmahm3@hotmail.com> skrev i en meddelelse
news:48809ecb$0$90265$14726298@news.sunsite.dk...
> Kim Ludvigsen wrote in dk.edb.internet.webdesign.html:
>> Det gør det lidt nemmere, men en bedre forklaring vil også
>> hjælpe. Du skrev: "men lige meget hvad jeg forsøger kan jeg
>> ikke få en bund på, så man kan bruge scrolling"
>
>
> Jeg mente i det lille stykke hvor teksten er (der hvor
> overskriften er "Hej")
>
> --


Du vil kun scrolle teksten - ikke alt det andet?

Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Emma Hjorth (18-07-2008)
Kommentar
Fra : Emma Hjorth


Dato : 18-07-08 15:07

Birger wrote in dk.edb.internet.webdesign.html:>
>
> Du vil kun scrolle teksten - ikke alt det andet?

Altså, jeg kunne godt tænke mig at have min tekst (som er skrevet som "p" i
stylesheetet), i en boks som man kan scrolle i. Og menuen også, for den sags
skyld, men jeg vil gerne kunne styre størrelse og design på dem, fra
stylesheetet. Undskyld hvis jeg ikke forklarer mig særlig godt.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Philip Nunnegaard (18-07-2008)
Kommentar
Fra : Philip Nunnegaard


Dato : 18-07-08 15:24

"Emma Hjorth" <emmahm3@hotmail.com> skrev

>> Du vil kun scrolle teksten - ikke alt det andet?
>
> Altså, jeg kunne godt tænke mig at have min tekst (som er skrevet som "p"
> i
> stylesheetet), i en boks som man kan scrolle i.

Smid en <div> omkring det du vil kunne scrolle separat.

giv så den div en fast højde og overflow:auto.

<div id="chat">
<p>her laver vi lige lidt tekst....og en masse anden tekst</p>
</div>

CSS:
#chat {
height: 300px;
width: 450px;
overflow: auto;
}


Birger (18-07-2008)
Kommentar
Fra : Birger


Dato : 18-07-08 15:37

"Emma Hjorth" <emmahm3@hotmail.com> skrev i en meddelelse
news:4880a38e$0$90266$14726298@news.sunsite.dk...
> Birger wrote in dk.edb.internet.webdesign.html:>
>>
>> Du vil kun scrolle teksten - ikke alt det andet?
>
> Altså, jeg kunne godt tænke mig at have min tekst (som er skrevet som "p"
> i
> stylesheetet), i en boks som man kan scrolle i. Og menuen også, for den
> sags
> skyld, men jeg vil gerne kunne styre størrelse og design på dem, fra
> stylesheetet. Undskyld hvis jeg ikke forklarer mig særlig godt.
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


Det er ikke sådan bare lige..

Til at begynde med mangler din kode en DOCTYPE - den der fortæller
browseren, hvad det er for noget, dokumentet indeholder.
Kan f.eks. være
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Der er mange fejl - de fleste kan vist tilskrives den manglende DOCTYPE.
Men det er nødt til at være i orden, hvis browseren skal kunne tyde hvad du
mener.. ;>)
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tjatter.dk%2Fprove2.html&charset=%28detect+automatically%29&doctype=Inline&group=0
eller gå til
http://validator.w3.org/
og giv den din side...

Der er deprecated (udgåede) tags og sammenblanding af inline og eksterne
styles - det er hverken nemt at overskue, eller vedligeholde.

Højden af elementer tilpasser sig normalt indholdet.
For at få tingene til at gøre anderledes, bruger man normalt en kombination
af position og overflow, på enten elementerne selv, og/eller
forældre-elementerne.
Men det kræver altsammen, at browseren kan forstå din HTML - og det kan den
ikke, som det er lige nu. (Browseren går i Quirks mode - dvs. den forsøger
at finde en fornuftig måde at gøre tingene på, i forhold til den kode du
giver den - men hvad "en fornuftig måde" er, er der ikke rigtig nogen der
ved, og man kan ikke regne med at den gør tingene ens hver gang - og slet
ikke at forskellige browsere får det samme ud af koden...)


Der er adskillige sider (bl.a. html.dk), hvor man kan finde råd og ideer
http://www.bbsorensen.dk?men=Link/Software
Jeg bruger selv standard siderne ofte.

Jeg forslår dig, at indsætte en DOCTYPE, og få siden til at validere - også
mht. din css, som jeg slet ikke har set på - så har du noget "rigtigt" at gå
ud fra.
At eksperimentere, uden at vide med hvad, giver ikke ret meget mening...


Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Emma Hjorth (18-07-2008)
Kommentar
Fra : Emma Hjorth


Dato : 18-07-08 16:25

Birger wrote in dk.edb.internet.webdesign.html:
>
> Det er ikke sådan bare lige..
>
> Til at begynde med mangler din kode en DOCTYPE - den der fortæller
> browseren, hvad det er for noget, dokumentet indeholder.
> Kan f.eks. være
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd">
>
> Der er mange fejl - de fleste kan vist tilskrives den manglende DOCTYPE.
> Men det er nødt til at være i orden, hvis browseren skal kunne tyde hvad du
> mener.. ;>)
> http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tjatter.dk%2Fprove2.html&charset=%28detect+automatically%29&doctype=Inline&group=0
> eller gå til
> http://validator.w3.org/
> og giv den din side...
>
> Der er deprecated (udgåede) tags og sammenblanding af inline og eksterne
> styles - det er hverken nemt at overskue, eller vedligeholde.
>
> Højden af elementer tilpasser sig normalt indholdet.
> For at få tingene til at gøre anderledes, bruger man normalt en kombination
> af position og overflow, på enten elementerne selv, og/eller
> forældre-elementerne.
> Men det kræver altsammen, at browseren kan forstå din HTML - og det kan den
> ikke, som det er lige nu. (Browseren går i Quirks mode - dvs. den forsøger
> at finde en fornuftig måde at gøre tingene på, i forhold til den kode du
> giver den - men hvad "en fornuftig måde" er, er der ikke rigtig nogen der
> ved, og man kan ikke regne med at den gør tingene ens hver gang - og slet
> ikke at forskellige browsere får det samme ud af koden...)
>
>
> Der er adskillige sider (bl.a. html.dk), hvor man kan finde råd og ideer
> http://www.bbsorensen.dk?men=Link/Software
> Jeg bruger selv standard siderne ofte.
>
> Jeg forslår dig, at indsætte en DOCTYPE, og få siden til at validere - også
> mht. din css, som jeg slet ikke har set på - så har du noget "rigtigt" at gå
> ud fra.
> At eksperimentere, uden at vide med hvad, giver ikke ret meget mening...
>
>
> Birger
> -----
> http://bbsorensen.dk
> http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
> opdatering.
>
>

Hm, det lyder jo ganske logisk, tak. (At sætte den i en div boks virkede heller ikke.)
Tror du muligvis at du kan forklare DOCtyperne lidt mere indgående, jeg har kigget på det før, men forstod ikke meget.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Birger (18-07-2008)
Kommentar
Fra : Birger


Dato : 18-07-08 18:03

"Emma Hjorth" <emmahm3@hotmail.com> skrev i en meddelelse
news:4880b5af$0$90267$14726298@news.sunsite.dk...
8X
> Hm, det lyder jo ganske logisk, tak. (At sætte den i en div boks virkede
> heller ikke.)
> Tror du muligvis at du kan forklare DOCtyperne lidt mere indgående, jeg
> har kigget på det før, men forstod ikke meget.
>
> --

Jeg vil foreslå, at du ser lidt på disse - nu du alligevel bruger html.dk
;>)

http://www.html.dk/dokumentation/html4/tags/doctype/
http://www.html.dk/artikler/00036/

Lidt populært, kan man sige at DOCTYPE eller DTD'en fortæller hvilket sprog,
din kode er forfattet i (HTML eller XHTML) og hvilken dialægt (version).
Hvis man holder sig til HTML 4 eller 4.01, er der så 3 varianter : strict,
loose eller frameset.
Den sidste skal du holde dig fra (frameset er svære at vedligeholde, svære
at håndtere for søgemaskiner fordi de er svære at linke til - og
gammeldags).
Om man så vil anvende strict eller loose, er lidt en smagssag.
Forskellen er, at i strict bruges ikke præsentations attributter, der
forventes at forsvinde og blive erstattet af CSS, mens de stadig kan
anvendes i loose (transitional).

Og DTD'en skal naturligvis passe til den kode du skriver (eller omvendt - du
skal skrive kode, der passer til din DOCTYPE).


Håber det hjælper på forståelsen. ;>)
Det kræver en vis indsigt at forstå forskellene - den får du efterhånden -
men det er ikke det afgørende. Blot du husker at have en doctype med, så
browserne holder den standard du følger, og sørger for at validere din kode.
Så skal resten nok komme...


Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Søg
Reklame
Statistik
Spørgsmål : 177493
Tips : 31966
Nyheder : 719565
Indlæg : 6408474
Brugere : 218886

Månedens bedste
Årets bedste
Sidste års bedste