søger hjelp til Div/html
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
hej har lavet det her på min hjemmeside jeg har bare et problem
der hvor der står ling ville jeg garne smide en kasse meger ind
som faldt til højer oppe i toppen i den kasse den er i
men den bliver ved med at hvare midt på
det er et banner der er i en kasse hvor den flyder midt i kassen med en kandt
runt om med vidt der skal hvare ling i højer hjørne oppe og venster hjørne under
der liger i kanten
hvor er min fejl er der nogen der kan se det sådanne har jeg forsøgt men den flyder ikke til højer
ville garne havde det så sådanne ud
<DIV id="top1"> <DIV id="topmenu"> ling <DIV id="top2"><IMG src="banner2.jpg"alt="banner"/></DIV>
<BODY>
<DIV id="hoved">
<DIV id="top1"> ling <DIV id="top2"><IMG src="banner2.jpg"alt="banner"/></DIV>
<DIV id="hoved1">
<DIV id="nyheder"><IMG src="flad.jpg" alt="nydhedsskærm"/></DIV>
<DIV id="forum"> forumtråde</DIV>
<DIV id="nyhedstråde">nyhedstråde</DIV>
<DIV id="småbanner">småbanner</DIV>
<DIV id="storbanner1">storbanner1</DIV>
<DIV id="storbanner2">storbanner2</DIV>
<DIV id="storbanner3">storbanner3</DIV>
</DIV>
</DIV>
</DIV>
</BODY>
Div instillinger
#hoved {
width: 900px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
background-color: #1E90FF;
}
#top1 {
width: 850px;
height: 140px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FFFFFF;
}
#top2 {
width: 810px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#hoved1{
width: 850px;
height: 810px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
border-style: solid;
border-width: thin;
text-align: center;
}
#nyheder {
width: 400px;
height: 400px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#forum {
width: 200px;
height: 810px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#nyhedstråde {
width: 244px;
height: 400px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#småbanner {
width: 244px;
height: 408px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#storbanner1 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner2 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner3 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
topmenu {
width: 10px;
height: 10px;
border-style: solid;
border-width: thin;
margin-right: 10px;
float: right;
background-color: #242424;
}
bundmenu {
width: 100px;
height: 20px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
er det forstålidt det jeg mener eller skal der meger info til
der hvor der står ling ville jeg garne smide en kasse meger ind
som faldt til højer oppe i toppen i den kasse den er i
men den bliver ved med at hvare midt på
det er et banner der er i en kasse hvor den flyder midt i kassen med en kandt
runt om med vidt der skal hvare ling i højer hjørne oppe og venster hjørne under
der liger i kanten
hvor er min fejl er der nogen der kan se det sådanne har jeg forsøgt men den flyder ikke til højer
ville garne havde det så sådanne ud
<DIV id="top1"> <DIV id="topmenu"> ling <DIV id="top2"><IMG src="banner2.jpg"alt="banner"/></DIV>
<BODY>
<DIV id="hoved">
<DIV id="top1"> ling <DIV id="top2"><IMG src="banner2.jpg"alt="banner"/></DIV>
<DIV id="hoved1">
<DIV id="nyheder"><IMG src="flad.jpg" alt="nydhedsskærm"/></DIV>
<DIV id="forum"> forumtråde</DIV>
<DIV id="nyhedstråde">nyhedstråde</DIV>
<DIV id="småbanner">småbanner</DIV>
<DIV id="storbanner1">storbanner1</DIV>
<DIV id="storbanner2">storbanner2</DIV>
<DIV id="storbanner3">storbanner3</DIV>
</DIV>
</DIV>
</DIV>
</BODY>
Div instillinger
#hoved {
width: 900px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
background-color: #1E90FF;
}
#top1 {
width: 850px;
height: 140px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FFFFFF;
}
#top2 {
width: 810px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#hoved1{
width: 850px;
height: 810px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
border-style: solid;
border-width: thin;
text-align: center;
}
#nyheder {
width: 400px;
height: 400px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#forum {
width: 200px;
height: 810px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#nyhedstråde {
width: 244px;
height: 400px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#småbanner {
width: 244px;
height: 408px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#storbanner1 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner2 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner3 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
topmenu {
width: 10px;
height: 10px;
border-style: solid;
border-width: thin;
margin-right: 10px;
float: right;
background-color: #242424;
}
bundmenu {
width: 100px;
height: 20px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
er det forstålidt det jeg mener eller skal der meger info til
Re: søger hjelp til Div/html
Er ikke hel sikker på jeg har forstået spørgsmålet rigtig, men prøver med at svar alligevel.
Hvis det ikke var det som skulle til så prøver vi igen.
Hvis det ikke var det som skulle til så prøver vi igen.
Kode: Vælg alt
/*ny div tilføjet*/
<body>
<DIV id="hoved">
<DIV id="top1">
<div id="nydiv"></div>
ling <DIV id="top2"><IMG src="banner2.jpg"alt="banner"/></DIV>
<DIV id="hoved1">
<DIV id="nyheder"><IMG src="flad.jpg" alt="nydhedsskærm"/></DIV>
<DIV id="forum"> forumtråde</DIV>
<DIV id="nyhedstråde">nyhedstråde</DIV>
<DIV id="småbanner">småbanner</DIV>
<DIV id="storbanner1">storbanner1</DIV>
<DIV id="storbanner2">storbanner2</DIV>
<DIV id="storbanner3">storbanner3</DIV>
</DIV>
</DIV>
</DIV>
</body>
/*ekstre kode til CCs*/
#nydiv{
width: 100px;
height: 20px;
background-color: #00ff00;
float: right;
}
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
jeg er ikke så skarp til det her endnu
forstår ikke heldt hvad jeg skal tilføje og hvor
jeg har tegnet en hjemmeside i paint hvor jeg har kiget på mange hjemmesider og kopi det jeg garne ville havde på min for at kunne vise den en dag til en der kunne lave det
så opdaget jeg den her side og vil forsøge selv så når jeg viser fotos
er det bare paint fotos men målet er og få det på samme måde
her er fotoet som jeg garne vil efterline
der liger der 3-4 ling i kassen over bannert i højer hjørne
og når det er lyges vil jeg garne havde ling under bannert i venster hjørne
men kan ikke finde ud af og få dem til at lige sig der og er ikke sikker på hvad bruger man som er best Div eller tabeler ????
her er det jeg har kodet indtil nu ved ikke om jeg kan få dig til at prøve og smide det i netbeans er ikke så god til at forklare mig så vil du kunne se hvondan jeg mener det
<!DOCTYPE html>
<HTML lang="da">
<HEAD>
<TITLE>sideopsætning i HTML</TITLE>
<META charset="utf-8" />
<META name="keywords" content="html5, html.sideopsætninger " />
<META name="description" content="For gammers" />
<LINK rel="stylesheet" href="Cssfil.css" type="text/css"/>
<LINK rel="stylesheet" href="cssdiv.css" type="text/css"/>
</HEAD>
<BODY>
<DIV id="hoved">
<DIV id="top1"> ling <DIV id="top2"><IMG src="banner2.jpg"
alt="banner"/></DIV>
<DIV id="hoved1">
<DIV id="nyheder">Nuheder <IMG src="flad.jpg" alt="nydhedsskærm"/></DIV>
<DIV id="forum"> forumtråde</DIV>
<DIV id="nyhedstråde">nyhedstråde</DIV>
<DIV id="småbanner">småbanner</DIV>
<DIV id="storbanner1">storbanner1</DIV>
<DIV id="storbanner2">storbanner2</DIV>
<DIV id="storbanner3">storbanner3</DIV>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
her er mine cssfiler der er lidt ekster jeg har forsøgt mig lidt med
body {
background-color: #0000CD
}
#hoved {
width: 900px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
background-color: #1E90FF;
}
#top1 {
width: 850px;
height: 140px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FFFFFF;
}
#top2 {
width: 810px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#hoved1{
width: 850px;
height: 810px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
border-style: solid;
border-width: thin;
text-align: center;
}
#nyheder {
width: 400px;
height: 400px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#nyhedtekst {
width: 300px;
height: 300px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#forum {
width: 200px;
height: 810px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#nyhedstråde {
width: 244px;
height: 400px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#småbanner {
width: 244px;
height: 408px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#storbanner1 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner2 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner3 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
topmenu {
width: 10px;
height: 10px;
border-style: solid;
border-width: thin;
margin-right: 10px;
float: right;
background-color: #242424;
}
bundmenu {
width: 100px;
height: 20px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
forstår ikke heldt hvad jeg skal tilføje og hvor
jeg har tegnet en hjemmeside i paint hvor jeg har kiget på mange hjemmesider og kopi det jeg garne ville havde på min for at kunne vise den en dag til en der kunne lave det
så opdaget jeg den her side og vil forsøge selv så når jeg viser fotos
er det bare paint fotos men målet er og få det på samme måde
her er fotoet som jeg garne vil efterline
der liger der 3-4 ling i kassen over bannert i højer hjørne
og når det er lyges vil jeg garne havde ling under bannert i venster hjørne
men kan ikke finde ud af og få dem til at lige sig der og er ikke sikker på hvad bruger man som er best Div eller tabeler ????
her er det jeg har kodet indtil nu ved ikke om jeg kan få dig til at prøve og smide det i netbeans er ikke så god til at forklare mig så vil du kunne se hvondan jeg mener det
<!DOCTYPE html>
<HTML lang="da">
<HEAD>
<TITLE>sideopsætning i HTML</TITLE>
<META charset="utf-8" />
<META name="keywords" content="html5, html.sideopsætninger " />
<META name="description" content="For gammers" />
<LINK rel="stylesheet" href="Cssfil.css" type="text/css"/>
<LINK rel="stylesheet" href="cssdiv.css" type="text/css"/>
</HEAD>
<BODY>
<DIV id="hoved">
<DIV id="top1"> ling <DIV id="top2"><IMG src="banner2.jpg"
alt="banner"/></DIV>
<DIV id="hoved1">
<DIV id="nyheder">Nuheder <IMG src="flad.jpg" alt="nydhedsskærm"/></DIV>
<DIV id="forum"> forumtråde</DIV>
<DIV id="nyhedstråde">nyhedstråde</DIV>
<DIV id="småbanner">småbanner</DIV>
<DIV id="storbanner1">storbanner1</DIV>
<DIV id="storbanner2">storbanner2</DIV>
<DIV id="storbanner3">storbanner3</DIV>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
her er mine cssfiler der er lidt ekster jeg har forsøgt mig lidt med
body {
background-color: #0000CD
}
#hoved {
width: 900px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
background-color: #1E90FF;
}
#top1 {
width: 850px;
height: 140px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FFFFFF;
}
#top2 {
width: 810px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#hoved1{
width: 850px;
height: 810px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
border-style: solid;
border-width: thin;
text-align: center;
}
#nyheder {
width: 400px;
height: 400px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#nyhedtekst {
width: 300px;
height: 300px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#forum {
width: 200px;
height: 810px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#nyhedstråde {
width: 244px;
height: 400px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#småbanner {
width: 244px;
height: 408px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#storbanner1 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner2 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner3 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
topmenu {
width: 10px;
height: 10px;
border-style: solid;
border-width: thin;
margin-right: 10px;
float: right;
background-color: #242424;
}
bundmenu {
width: 100px;
height: 20px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
Re: søger hjelp til Div/html
Så tror jeg fattet hvad det var du mente.
Jeg har nu skrevet det direkte ind i den kode som du har lavet, så det skulle være lige til at kopi paste over i din fil.
Jeg er også selv rimelig ny i det her med at skrive koden direkte, selv om jeg har lavet hjemme sider i nogle år nu.
Synde du skal tage at kikke alle det video i gemmen her på siden før du arbejder hvider.
Det som jeg har gjort er følgende.
1. Ser en hel serie af video i gemmen uden at kode noget som helst men bare lytte og kikke.
2. Ser de enkel afsnit i gennem samtidig med jeg koder nøjagtig det sammen som foregår på skærmen. Her bruger jeg to skærme en til at kode på og en til selv videoen, har du ikke to skærme kan du bruge to pc, de fleste har jo mere end en pc til at stå.
3. Ser de enkle afsnit i gennem en gang til, samtidig med jeg koder, men denne gang koder jeg ikke 100% hvad der sker på skærmen , men leger lidt men kode og prøver at lave forskellige ting af.
4. Her begynder jeg at lave mit eget design men støtter mig stadig væk til video hvis jeg løber panden mod en mur gå jeg tilbage til punkt 2 eller punkt 3 hvis det bliver nødvendig, det design jeg startet men var rimelig simpel. Og jeg går først hvider til næste punkt når jeg har så meget styr på koden at jeg kan se hvad det enkle kommandoer laver og skal gøre godt for, her er det en fordel at skrive nogle noter i selve kode så man kan se hvad de enkle stumper skal gøre godt for og det er også noget som du lige så godt kan få ind på rygraden med at skrive note, for når koden bliver meget lang, er det en kanon hjælp til dig selv frem over, og kan se at nem programmering også har gjorte det i kodet til denne her side.
5. Jeg er selv kommet til dette her punkt og er ved at leve et før dig design til en af mine sider, men jeg skal stadigvæk tilbag til nogle af de andre punkter, men der går længer i mellen.
Under samtlige punkter har jeg lavet en fil for vær enkelt afsnit jeg har gået i gemmen her på siden, så kan man altid kopier kode stumper og rette lidt i dem, så man ikke skal skrive fra bunde hver gang.
Den nav bar jeg har til føjet på din side er genbrug her fra siden som jeg har rettet en smule i.
INDEX FIL
CSS FIL
Jeg har nu skrevet det direkte ind i den kode som du har lavet, så det skulle være lige til at kopi paste over i din fil.
Jeg er også selv rimelig ny i det her med at skrive koden direkte, selv om jeg har lavet hjemme sider i nogle år nu.
Synde du skal tage at kikke alle det video i gemmen her på siden før du arbejder hvider.
Det som jeg har gjort er følgende.
1. Ser en hel serie af video i gemmen uden at kode noget som helst men bare lytte og kikke.
2. Ser de enkel afsnit i gennem samtidig med jeg koder nøjagtig det sammen som foregår på skærmen. Her bruger jeg to skærme en til at kode på og en til selv videoen, har du ikke to skærme kan du bruge to pc, de fleste har jo mere end en pc til at stå.
3. Ser de enkle afsnit i gennem en gang til, samtidig med jeg koder, men denne gang koder jeg ikke 100% hvad der sker på skærmen , men leger lidt men kode og prøver at lave forskellige ting af.
4. Her begynder jeg at lave mit eget design men støtter mig stadig væk til video hvis jeg løber panden mod en mur gå jeg tilbage til punkt 2 eller punkt 3 hvis det bliver nødvendig, det design jeg startet men var rimelig simpel. Og jeg går først hvider til næste punkt når jeg har så meget styr på koden at jeg kan se hvad det enkle kommandoer laver og skal gøre godt for, her er det en fordel at skrive nogle noter i selve kode så man kan se hvad de enkle stumper skal gøre godt for og det er også noget som du lige så godt kan få ind på rygraden med at skrive note, for når koden bliver meget lang, er det en kanon hjælp til dig selv frem over, og kan se at nem programmering også har gjorte det i kodet til denne her side.
5. Jeg er selv kommet til dette her punkt og er ved at leve et før dig design til en af mine sider, men jeg skal stadigvæk tilbag til nogle af de andre punkter, men der går længer i mellen.
Under samtlige punkter har jeg lavet en fil for vær enkelt afsnit jeg har gået i gemmen her på siden, så kan man altid kopier kode stumper og rette lidt i dem, så man ikke skal skrive fra bunde hver gang.
Den nav bar jeg har til føjet på din side er genbrug her fra siden som jeg har rettet en smule i.
INDEX FIL
Kode: Vælg alt
<!DOCTYPE html>
<HTML lang="da">
<HEAD>
<TITLE>sideopsætning i HTML</TITLE>
<META charset="utf-8" />
<META name="keywords" content="html5, html.sideopsætninger " />
<META name="description" content="For gammers" />
<LINK rel="stylesheet" href="Cssfil.css" type="text/css"/>
<LINK rel="stylesheet" href="cssdiv.css" type="text/css"/>
</HEAD>
<BODY>
<DIV id="hoved">
<div id="top1_1"><ul id="ulnav">
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
</ul></div>
<DIV id="top1"><DIV id="top2">
<IMG src="banner2.jpg"
alt="banner"/></DIV>
<DIV id="hoved1">
<DIV id="nyheder">Nuheder <IMG src="flad.jpg" alt="nydhedsskærm"/></DIV>
<DIV id="forum"> forumtråde</DIV>
<DIV id="nyhedstråde">nyhedstråde</DIV>
<DIV id="småbanner">småbanner</DIV>
<DIV id="storbanner1">storbanner1</DIV>
<DIV id="storbanner2">storbanner2</DIV>
<DIV id="storbanner3">storbanner3</DIV>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
CSS FIL
Kode: Vælg alt
body {
background-color: #0000CD
}
#hoved {
width: 900px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
background-color: #1E90FF;
}
#top1_1{width: 850px;
height: 40px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#top1 {
width: 850px;
height: 140px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #FFFFFF;
}
#top2 {
width: 810px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#hoved1{
width: 850px;
height: 810px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
border-style: solid;
border-width: thin;
text-align: center;
}
#nyheder {
width: 400px;
height: 400px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#nyhedtekst {
width: 300px;
height: 300px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
border-style: solid;
border-width: thin;
text-align: center;
background-color: #FF4040;
}
#forum {
width: 200px;
height: 810px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#nyhedstråde {
width: 244px;
height: 400px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#småbanner {
width: 244px;
height: 408px;
border-style: solid;
border-width: thin;
margin-right: 0px;
float: right;
background-color: #FFFFFF;
}
#storbanner1 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner2 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#storbanner3 {
width: 400px;
height: 134.6px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
topmenu {
width: 10px;
height: 10px;
border-style: solid;
border-width: thin;
margin-right: 10px;
float: right;
background-color: #242424;
}
bundmenu {
width: 100px;
height: 20px;
border-style: solid;
border-width: thin;
margin-left: 0px;
float: left;
background-color: #242424;
}
#ulnav {
list-style-type: none;
}
#linav {
float:right;
}
a.nav:LINK, a.nav:visited {
display: block;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav:hover {
background-color: #FF4040;
}
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
1000 tak det ser ud til at virke nu den har ryget lidt på de ander ting men det tor jeg nok jeg skal få ratte
jeg har set alle vidioer igemmen og fleger af dem fleger ganne
men kunne ikke finde noget med det problem jeg havde der
må indrømme har ikke heldt forstået hvad du lavet endnu men vil kige det igemmen så jeg selv kan en anden gan men du skal havde mange tak for det det har jeg brugt mange timer på uden at få det lavet
jeg har set alle vidioer igemmen og fleger af dem fleger ganne
men kunne ikke finde noget med det problem jeg havde der
må indrømme har ikke heldt forstået hvad du lavet endnu men vil kige det igemmen så jeg selv kan en anden gan men du skal havde mange tak for det det har jeg brugt mange timer på uden at få det lavet
Re: søger hjelp til Div/html
Det var så lidt.
Det jeg har gjort er at jeg har lavet en ekstre div som ligger i toppen og lagt link i den, også små justeret på de øverst div.
Det jeg har gjort er at jeg har lavet en ekstre div som ligger i toppen og lagt link i den, også små justeret på de øverst div.
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
ok det så ud til at virke lige til jeg lage bannert på igen så rykket den linkne til venster og de kom under henanden så aldt andet ryget ned
må lige se om jegkan finde den fejl der gør at den ikke vil med banner
fandt fejlen det hvor mine cssfiler hvor jeg ikke havde de nye du lavet med
må lige se om jegkan finde den fejl der gør at den ikke vil med banner
fandt fejlen det hvor mine cssfiler hvor jeg ikke havde de nye du lavet med
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
den bliver ved med at sige jeg har en fejl i det her hvor jeg har understejet
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
Senest rettet af Nybegynder (Bo) 4. sep 2012, 06:18, rettet i alt 1 gang.
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
har stadig det problem med den laver en linie som ikke skal hvare der har kæmpet med det
men kan ikke finde fejlen
jeg er starte heldt forfra med hjemmesiden du gav nogen gode løsninger jeg ville bruge
her kan du se problemet
det er før linkene
det er efter linkene
<!DOCTYPE html>
<HTML lang="da">
<HEAD>
<TITLE>sideopsætning i HTML</TITLE>
<META charset="utf-8" />
<META name="keywords" content="html5, html.sideopsætninger " />
<META name="description" content="For gammers" />
<LINK rel="stylesheet" href="Cssfil.css" type="text/css"/>
</HEAD>
<BODY>
<DIV id="hoved">
<div id="top1_1"><ul id="ulnav">
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
</ul></div>
<div id="top1_2"><DIV id="top1_1_b">
<IMG src="banner2.jpg"
alt="banner"/></DIV></div>
<div id="top1_3"><ul id="ulnav_1">
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
</ul></div>
</DIV>
</BODY>
-----------------------------------------------------------------
body {
background-color: #0000CD
}
#hoved {
width: 940px;
height: 1050px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
background-color: #1E90FF;
}
#top1_1{width: 900px;
height: 40px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#top1_1_b{width: 810px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#top1_2{width: 900px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#top1_3{width: 900px;
height: 40px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#ulnav {
list-style-type: none;
}
#linav {
float:right;
}
a.nav:LINK, a.nav:visited {
display: block;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav:hover {
background-color: #FF4040;
}
#ulnav_1 {
list-style-type: none;
}
#linav_1 {
float:left;
}
a.nav_1:LINK, a.nav_1:visited {
display: block;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav_1:hover {
background-color: #FF4040;
}
men kan ikke finde fejlen
jeg er starte heldt forfra med hjemmesiden du gav nogen gode løsninger jeg ville bruge
her kan du se problemet
det er før linkene
det er efter linkene
<!DOCTYPE html>
<HTML lang="da">
<HEAD>
<TITLE>sideopsætning i HTML</TITLE>
<META charset="utf-8" />
<META name="keywords" content="html5, html.sideopsætninger " />
<META name="description" content="For gammers" />
<LINK rel="stylesheet" href="Cssfil.css" type="text/css"/>
</HEAD>
<BODY>
<DIV id="hoved">
<div id="top1_1"><ul id="ulnav">
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
</ul></div>
<div id="top1_2"><DIV id="top1_1_b">
<IMG src="banner2.jpg"
alt="banner"/></DIV></div>
<div id="top1_3"><ul id="ulnav_1">
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
<li id="linav_1"><a href="http://www.nemprogrammering.dk/" class="nav_1">Nem</a></li>
</ul></div>
</DIV>
</BODY>
-----------------------------------------------------------------
body {
background-color: #0000CD
}
#hoved {
width: 940px;
height: 1050px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
background-color: #1E90FF;
}
#top1_1{width: 900px;
height: 40px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#top1_1_b{width: 810px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#top1_2{width: 900px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#top1_3{width: 900px;
height: 40px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}
#ulnav {
list-style-type: none;
}
#linav {
float:right;
}
a.nav:LINK, a.nav:visited {
display: block;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav:hover {
background-color: #FF4040;
}
#ulnav_1 {
list-style-type: none;
}
#linav_1 {
float:left;
}
a.nav_1:LINK, a.nav_1:visited {
display: block;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav_1:hover {
background-color: #FF4040;
}
Re: søger hjelp til Div/html
hvor stor et fotoet ???
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
hvad mener du
hvis du mener mit banner så har det samme størlse som den kasse det er i - lidt i siderne
men har også stadig den fejl ting som jeg ikke kan finde
den bliver ved med at sige jeg har en fejl i det her hvor jeg har understejet
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
hvis du mener mit banner så har det samme størlse som den kasse det er i - lidt i siderne
men har også stadig den fejl ting som jeg ikke kan finde
den bliver ved med at sige jeg har en fejl i det her hvor jeg har understejet
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
<li id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
- Daniel
- Admin
- Indlæg:625
- Tilmeldt:14. jun 2011, 09:27
- Geografisk sted:Danmark, Fyn, Nørre Aaby
- Kontakt:
Re: søger hjelp til Div/html
Hej Bo
Hvad er fejlen du får ved dine list tags?
Kommer der en fejl når du viser siden eller er det en fejl der kommer i din editor?
Hvad er fejlen du får ved dine list tags?
Kommer der en fejl når du viser siden eller er det en fejl der kommer i din editor?
Re: søger hjelp til Div/html
Jeg tænker på hvor mange pixel banner foto er på.Nybegynder (Bo) skrev:hvad mener du
hvis du mener mit banner så har det samme størlse som den kasse det er i - lidt i siderne
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
bannert er 810-100 samme som kassen den er i har prøvet og gøre det minder
og fejlen jeg får er kun i netB den understejer det samme som jeg har gjort også er der gule pære ud for de liner
hvis du opdager fejlen vil du så ikke sige den til mig du må garne ratte men lære mest af
at vide hvorfor den gør det jeg er lidt noob til det så det gæller om at få det hele med
nu jeg har så god en mulihed for at nogen kan hjelpe lidt
og fejlen jeg får er kun i netB den understejer det samme som jeg har gjort også er der gule pære ud for de liner
hvis du opdager fejlen vil du så ikke sige den til mig du må garne ratte men lære mest af
at vide hvorfor den gør det jeg er lidt noob til det så det gæller om at få det hele med
nu jeg har så god en mulihed for at nogen kan hjelpe lidt
- Daniel
- Admin
- Indlæg:625
- Tilmeldt:14. jun 2011, 09:27
- Geografisk sted:Danmark, Fyn, Nørre Aaby
- Kontakt:
Re: søger hjelp til Div/html
Hej Bo
Havde ikke set fejlen første gang, men grunden til NetBeans viser en fejl er at du har brugt det samme id flere steder.
Et id bliver brugt til noget unikt og skrives sådan i CSS #Navn, når du skal bruge samme styling i fx sådan et tilfælde så skal du bruge en class i stedet som skrives sådan i CSS .Navn
Havde ikke set fejlen første gang, men grunden til NetBeans viser en fejl er at du har brugt det samme id flere steder.
Et id bliver brugt til noget unikt og skrives sådan i CSS #Navn, når du skal bruge samme styling i fx sådan et tilfælde så skal du bruge en class i stedet som skrives sådan i CSS .Navn
-
- Rutineret
- Indlæg:71
- Tilmeldt:27. aug 2012, 23:08
Re: søger hjelp til Div/html
ok forstår ikke heldt hvad du mener ved du om der er en vidio med det
jeg har de her ling ville jeg kunne få dig til at give et lille eksempel
har også det problem lender oppe i tråden med når jeg smider ligne ind så
laver den en line som ikke skal hvare der vil det problem også løse sig på den måde du skiver
id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
-------------------------
#ulnav {
list-style-type: none;
}
#linav {
float:right;
}
a.nav:LINK, a.nav:visited {
display: block;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav:hover {
background-color: #FF4040;
}
jeg har de her ling ville jeg kunne få dig til at give et lille eksempel
har også det problem lender oppe i tråden med når jeg smider ligne ind så
laver den en line som ikke skal hvare der vil det problem også løse sig på den måde du skiver
id="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
-------------------------
#ulnav {
list-style-type: none;
}
#linav {
float:right;
}
a.nav:LINK, a.nav:visited {
display: block;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.nav:hover {
background-color: #FF4040;
}
- Daniel
- Admin
- Indlæg:625
- Tilmeldt:14. jun 2011, 09:27
- Geografisk sted:Danmark, Fyn, Nørre Aaby
- Kontakt:
Re: søger hjelp til Div/html
Det skal se sådan her ud:
HTML kode:
CSS kode:
Et id er noget man bruger en enkelt gang, en class bruger man flere gange.
Se eventuelt det tidligere indlæg her: http://www.nemprogrammering.dk/forum/vi ... name#p1752
HTML kode:
Kode: Vælg alt
<li class="linav"><a href="http://www.nemprogrammering.dk/" class="nav">Nem</a></li>
Kode: Vælg alt
.linav {
float:right;
}
Se eventuelt det tidligere indlæg her: http://www.nemprogrammering.dk/forum/vi ... name#p1752