/ Forside/ Teknologi / Udvikling / CSS / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
CSS
#NavnPoint
molokyle 2854
Klaudi 720
bentjuul 510
smorch 310
Benjamin... 310
e.c 300
EXTERMINA.. 210
stone47 200
danielsko.. 100
10  ME.alexan.. 100
hvad gør denne linie
Fra : ajohansen
Vist : 1318 gange
200 point
Dato : 13-04-09 10:24

hvad gør denne linie ?

FORM {display: inline;}

svar gerne på normalt dansk altså ikke alt for teknisk

//ajohansen

 
 
Accepteret svar
Fra : molokyle

Modtaget 200 point
Dato : 13-04-09 15:54

Dit spørsmål kan altså KUN besvares 'teknisk'.
Hvorfor svaret må blive:
Citat
FORM {display: inline;}

Det er en CSS regel, som henviser til (X-)HTML markør-parret: <form> ..</form> ( http://w3schools.com/html/html_forms.asp , læs evt. : http://w3schools.com/tags/tag_form.asp )

Regelen siger, at BLOCK element markøren FORM skal 'opfattes' af din internet browser som et INLINE element i stedet.

Dvs. at selvom der hér er tale om en layout blokstruktur ..skal det opfattes som en indlejret layout struktur.

Der er nemlig forskel på INLINE og BLOCK elementer i DOM

(DOM = http://www.w3schools.com/htmldom/default.asp )

Så jf. CSS Display reglen for DOM elementer:

1.) http://www.w3schools.com/css/pr_class_display.asp
2.) http://www.w3schools.com/htmldom/prop_style_display.asp

Læg ISÆR til egenskaberne ved CSS regel nr. 2:

a.)
Citat
block

The element will be displayed as a block-level element, with a line break before and after the element

b.)
Citat
inline

The element will be displayed as an inline element, with no line break before or after the element


Altså: En layout egenskab ved (X-)HTML elementer, angivet i CSS.

Den 'retter' et BLOCK (X-)HTLM element til at 'opføre' sig som et; INLINE (X-)HTML element.

..og hvorfor så det?

Dét er en længere akademisk diskussion omkring layout egenskaber ..og de deraf følgende mannipulérbare detaljer om hvert enkelt element i DOM.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 13-04-09 16:00

Ps. Det hele handler altså om; der kommer 'luft' (= linjeskift) på din hjemmeside, før/efter en evt. formular lavet med <form> ... </form> (X-)HTML markør-parret i din kode set i forhold til evt. "nabo'er" i DOM. Det kunne f.eks være tekst eller billeder, som skal vises før/efter din <form> ..</form> markører. Normalt vil en realtiv positioneret FORM give et linjeskift. Dette undgår du ved omtalte CSS regel.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 13-04-09 16:08

Pps. Det kan iøvrigt IKKE undstreget nok: At en display:inline; egenskab i CSS ikke under nogenomstændigheder rent faktuelt omdanner et BLOCK element til et INLINE element. Det ser blot således ud på skærmen.

Det kan eksempelvis ikke lade sig gøre, at inlejre et BLOK element i INLINE element!

Dét kan KUN et INLINE element

..hvis det skal valuere efter (X-)HTML standarden, som defineret af http://w3.org/

Der findes i dén forbindelse et; Aber Dabei ..men dét holder jeg nu for mig selv
..indtil nogen spørger

</VALUAR>







Godkendelse af svar
Fra : ajohansen


Dato : 18-04-09 10:45

Tak for svaret molokyle. njaa måske kun lettere

//ajohansen

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177577
Tips : 31968
Nyheder : 719565
Indlæg : 6409070
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste