Div tags!

Tags:    programmering

<< < 12 > >>
Hej. Jeg har problemer med mine div tags, med at få min
Css og HTML til at hører sammen. Hvad kan problemet være???
Jeg prøvede og lave den som Thoms har lavet i
I nemprogrammering. Men kan ikke få det til at virke når jeg
Åbner den i min browser. Jeg bruger textwragler på min MacBook :-)



11 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Kan du komme med et kodeeksempel og en konkret beskrivelse af HVAD problemet er? (ikke bare at du ikke kan få dig CSS og HTML til at høre sammen) :-)



Er det fordi du mangler dette script?

Fold kodeboks ind/udHTML kode 


:-)




Indlæg senest redigeret d. 22.05.2012 20:34 af Bruger #17121
Hej. Jeg har problemer med mine div tags, med at få min
Css og HTML til at hører sammen. Hvad kan problemet være???
Jeg prøvede og lave den som Thoms har lavet i
I nemprogrammering. Men kan ikke få det til at virke når jeg
Åbner den i min browser. Jeg bruger textwragler på min MacBook :-)

Hejsa
Har du eventuelt et link til det du bruger som skabelon da jeg har svært ved at finde det på nemprogrammering, og et kodeeksempel kan også hjælpe.

Ganske rigtigt som Magnus siger skal du referere til din css-fil for at dit HTML-dokument kender til den.
Ellers kan det være at dine div-tags måske har style="background-color: red;" eller class="redClass"?



Her er min css kode:#hoved {
width: 700px;
height: 1000px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;

}

Og jeg har skrevet i html:<div id="hoved"> </div>

Her er den video på Nemprogrammering.dk:http://www.nemprogrammering.dk/Tutorials/HTML/T10/T10HTML.php

Nogen der kan se fejlen? og forresten, det her var en prøve derfor den ligner den fra nemprogrammering så meget :-)



Hejsa Caspar

Det virker umiddelbart korrekt med din HTML, og din CSS, men det kræver også som dit link påpeger og Magnus også forklarer:
Fold kodeboks ind/udHTML kode 


Derudover så skal du sikre at du også har placeret din "CSSFil.css" det rigtige sted.
Det der står i href="../../CSS" er stien for hvor den placeret og hver "../" betyder at det er et mappeniveau tilbage eller op (altså den mappe som den mappe du er i nu, ligger i) så du skal dermed sikre dig at din fil hedder "CSSFil.css"
og den er placeret to mapper over, i en mappe der hedder "CSS" og derunder en mappe der hedder "Copy of T5".

For at teste det af hurtigt kan du lave din href om til
href="cssfil.css"
og så placere din css-fil kaldet ovenstående i samme mappe som din html-side er placeret.

Således kan du finde ud af om det er din sti der er forkert, og om det er filnavnet på din css-fil der er skrevet forkert. Det kan være en mulighed for indholdet ser rigtig nok ud synes jeg.



Nu har jeg så fået problemer med mine top og menu div tags?

Css:#hoved [
width: 900px;
height: 1200px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
]
#top [
width: 800px;
height: 150px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;

]
#menu [
width: 100px;
height: 600px;
border-style: solid;
border-width: thin;
margin-left: 50px;
float: left;

]

Html:<!DOCTYPE html>
<HTML lang="da">
<HEAD>
<TITLE>Skallerup/Vennebjerg if u-14 </TITLE>
<META charset="utf-8" />
<META name="keywords" content="SVIF, Skallerup" />
<META name="description" content="Dette er en side om Skallerup/Vennebjerg if u-14" />

<LINK REL=StyleSheet HREF="css.css" TYPE="text/css" MEDIA=screen>

</HEAD>
<BODY>

<!-- hoved div -->

<div id="hoved">

<!-- top div -->

<div id="top"> hej med dig! </div>

<!--menu div -->

<div id="menu"> her er en menu </div>

<!-- indhold div -->

</div>

</BODY>
</HTML>

Hvad kan der være galt, er gået frem efter denne video:http://www.nemprogrammering.dk/Tutorials/HTML/T10/T10HTML.php



Indlæg senest redigeret d. 22.05.2012 22:12 af Bruger #17224
Nu har jeg så fået problemer med mine top og menu div tags?

Css:#hoved [
width: 900px;
height: 1200px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
]
#top [
width: 800px;
height: 150px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align: center;

]
#menu [
width: 100px;
height: 600px;
border-style: solid;
border-width: thin;
margin-left: 50px;
float: left;

]

Html:<!DOCTYPE html>
<HTML lang="da">
<HEAD>
<TITLE>Skallerup/Vennebjerg if u-14 </TITLE>
<META charset="utf-8" />
<META name="keywords" content="SVIF, Skallerup" />
<META name="description" content="Dette er en side om Skallerup/Vennebjerg if u-14" />

<LINK REL=StyleSheet HREF="css.css" TYPE="text/css" MEDIA=screen>

</HEAD>
<BODY>

<!-- hoved div -->

<div id="hoved">

<!-- top div -->

<div id="top"> hej med dig! </div>

<!--menu div -->

<div id="menu"> her er en menu </div>

<!-- indhold div -->

</div>

</BODY>
</HTML>

Hvad kan der være galt, er gået frem efter denne video:http://www.nemprogrammering.dk/Tutorials/HTML/T10/T10HTML.php

Hejsa Caspar
De steder jeg har markeret i dit eksempel kan være problemområder.
Du skal bruge turborgparanteser om dine klasse-definitioner - altså erstatte [ & ] med { }.
Ellers synes jeg det ser rigtigt nok ud, og ved ikke om det er meningen men lige nu ligger din menu og top indeni din hoved-div og du har glemt at definere din indhold-div.



er det her: [ og ] ikke tubrog, eller hvordan laver man dem så på macbook??



du laver dem ved at tryk på Shift+alt { og } :)



er det her: [ og ] ikke tubrog, eller hvordan laver man dem så på macbook??

Nej
[ og ] er firkant paranteser og array-klammer.
{ og } er turborg paranteser.



<< < 12 > >>
t