Div og span

Ja en neutral cointaner kode er et tag som <span> og <div>

<div>  beskives således:

Containerkode til at inddele tekst i sektioner. Div-koden kan ikke noget, man ikke kan lave med andre koder. F.eks. giver P-koden med attributten Align de samme muligheder.



mvh
mads

Hmm... Et gæt er at man kan sætte vertical-align på <span>; Det kan man, så vidt jeg ved, ikke på <div>. Det er sikkert derfor at vedkommende, der har skrevet bogen, har anvendt span til den sidste.

Apo

Du kan derfor bruge <div> elementet til placering af elementer som tekst eller billede som du så kan placere i et <div> element og placere via dit CSS.

mvh
Mads

Med andre ord kan tagget <div> ikke noget som helst uden at dette gør brug af attributter som i dine eksempler fra bogen.

<div> skal derfor benyttes med attributter eller at <div> får et ID via et CSS og så kan man lade <div> få farver og kan placeres i forhold til andre elementer på din hjemmeside.

ved ikke om det er godt nok forkaret.?


Håber det kan hjælpe dig.!

mvh
Mads

<div> bruges til at dele teksten op i afsnit. Et afsnit i hver <div></div>.
Hver afsnit kan så tildeles nogle forskellige egenskaber (mht. skriftformat, placering osv.).

Hvis du er rigtig avanceret kan du opdele koden og teksten så godt som 100 %.
F.eks.:
<STYLE TYPE="text/css">
<!--
.afsnit01
{
font-family:sans-serif;
color:red;
padding-left: 50pt;
padding-right: 50pt;
}
-->
</STYLE>

<DIV CLASS="afsnit02">
Teksten-skal-være-her
</DIV>

jeps en rigtig god kode illustartion af <div> fra levich (skal dog lige rette i atributtens værdi til CLASS="afsnit01" før eksemplet virker!.


men ellers en rigtig god illustration!!

mvh
mads

Her er et godt link: http://www.html.dk/tutorials/css/lektion8.asp

Og span?

Hvad er en tekststreng?

Du kan anvende <span> tagget til at justere den tekst der er på din side således.


.hoj{
text-align: right
}

<span class="hoj">Noget højrejusteret tekst</P>


mvh
Mads

Pøv at anvende koderne du har fået i tråden her, det er enemmer at se når man selv koder dette. Såkan du jo eventuelt stille flere spørgsmål i tråden her.

Men ser lige om der ikke findes en god HTML / CSS reference på nettet!


mvh
mads

Jeg er stadig meget i tvivl om det her. Hvornår man bruger det og hvor  ... :|

Tror jeg dropper det og laver det på gammeldags maner i stedet. Det er da til at finde ud af.

Læg svar for point så jeg kan få lukket.

Læg svar. Jeg vil ikke selv have pointene.

hvem skal svare?


mvh
Mads

Der findes en ok reference til HTML/CSS og hvordan du kan få et overblik hvilke tags der kan bruges hvordan.

Her er adressen http://www.html.dk  ved ikke om du kender den, men den er ok!


mvh
Mads

Del pointene mellem os der har deltaget

ok svarer også så.....

//fox

Jeg sidder i forvejen med hæftet 'Style Shhets - lær det selv'. Men det er jeg åbenbart ikke i stand til.

<ole>

Der findes ikke meget dårligere tutorials på WWW, end html.dk's. Det bedste, man kan sige om html.dk er, at der faktisk er en side eller to på sitet, der ikke indeholder alvorlige fejl.

Hvad angår levich's eksempel, skal man nok være opmærksom på, at de nye markup-standarder er case-sensitive - og at tag-names og attributter bør skrives i lowercase:

<style type="text/css">
<!--
.afsnit01
{
font-family: verdana, arial, sans-serif;
color:red;
padding-left: 50px;
padding-right: 50px;
}
-->
</style>

<div class="afsnit02">
Teksten-skal-være-her
</div>

Hvorfor det ikke gøres i W3C's rekommendationer, kan man læse om i deres vejledning i brugen af sitet. I den kode, man selv skriver, bør der dog skrives i henhold til standarden ... i lowercase  :)

Derudover er font-angivelsen 'sans-serif' en slags 'panik-knap'. Det er en generisk font-angivelse, der vælges af browseren, hvis ingen af de 'rigtige' skriftsnit, man har angivet, kan findes på maskinen.

Enheden 'pt' - et typografisk punkt - er én, vi har arvet fra print-typografi. Den forholder sig ikke til PC-monitorens naturlige modul, som er én pixel - hvorfor den ikke giver en pålidelig visning.
Brug hellere enheden 'px', der er specielt skabt til visning på PC-monitors  ;o)

/mvh
</bole>

ja det med lower case mente jeg også..men var ikke sikkert og det er da en meget nyttig information.

OleBole >> kan det tnkes at du i en nær fremtid laver et site omkring god programmeringsskik indenfor HTML?


mvh
Mads

Mads >> Jeg kan udaf dit spørgsmål læse, at den tanke faktisk _kan_ tænkes ... jeg hører dog ikke selv til blandt de, der tænker den  :)

Nej, skulle jeg skrive et sådan site, ville det blive et projekt, der ville kræve en håndfuld professionelle hardcore-kodere - plus en professionel tekstforfatter med webtekster som speciale. Det hold skal dedikere en stor del af deres fritid over en årrække, hvis ikke sitet skal blive forældet, inden det når i luften (eller kort derefter).
Det føler jeg ikke, jeg selv kan/vil leve op til - så jeg 'nøjes' med at hjælpe på E. Her kan jeg 'holde fri', når jeg har lyst - eller droppe helt ud, hvis jeg gider længere - det vile være umuligt i et sådan projekt, hvis det skal give mere mening end de allerede eksisterende.

De, der allerede eksisterer, er så fejlfyldte, fordi folkene bag er for få (og ofte mangler kompetencer) og derfor er gået døde i projektet. Det er der ingen grund til at gentage  :)

- men tak for den tillid og ros, jeg tillader mig at indtolke i dit spørgsmål  ;o)

-- og en detalje, man måske lige skulle gøre noget mere ud af: forskellen på inline- og block-level tags, som jeg plejer at illustrere med den måde f.eks. Word fortolker på:

Hvis du markerer 3 ord i en linje og trykker på Kursiv-knappen, bliver de tre ord på den linje, de hele tiden har været på, der er sat en inline-tag omkring dem ...

Trykker du derimod på Indsæt tabel-knappen deles afsnittet op, så teksten foran og bagved bliver til selvstændige afsnit før og efter tabellen, som er et block-level tag !-)

Jeg er slet ikke med. Div og span er ikke længere en del af mit css. Jeg bruger det jeg kan finde ud af.
Men det tegner ikke godt. Jeg er på side 16 ud af 101 ...

Nåpr jeg bladre i hæftet får jeg det indtryk, at det i dag er meningen at man skal skeive det meste af koden med css. Jeg har lavet 12 dokumenter næsten kun på gammeldags maner. Dem kan jeg måske godt skrotte?

jamen noname dog, du skal anvende et eksternt styleshet hvis du har mange dokumenter der skal formateres.

du kan anvende div meget let de skal jo bare have en CLASS eller ID som du beskriver i reglen i dit CSS.


skriv hvis du har flere spørgsmål.

mvh
mads

Formateringen er forskellige i hver dokument, bortset fra farver og skrifttype (de to ting er sat ind som css).

Så det kan ikke lægges på som det er?

Det nytter ikke jeg sætter mig til at lære det, når det er bruges ord som ikke er forklaret. Så forstå jeg jo kun det halve af det. Jeg aner f.eks. ikke hvad et blokelement er (osv).

Kontoen er lukket!

no_name >> "Div og span er ikke længere en del af mit css"
- det tror jeg helt sikkert på. De har aldrig været en del af nogens CSS.
div og span er HTML-elementer - men sproget CSS indeholder ingen elementer. Det bruges udelukkende til at 'klæde HTML-elementer ud' og placere dem  :)

Hvis du ikke kender forskel på inline- og block-elementer, bør du nok lære lidt mere HTML. Der er ikke noget at sige til, at den slags begreber ikke bliver forklaret, da kendskab til grundlæggende HTML er en forudsætning for at kunne forstå og bruge CSS.

>>no_name

Øh, inline og blok-level: 01/08-2005 09:11:21