Den 30-09-2010 17:00, scootergrisen skrev:
> nej jeg ved godt den ikke er valid men det er heller ikke mine
> endelige kode. Jeg har tage den kode ud som det handlede om så det var
> lettere at læse koden for andre.
Jo, det er også fint nok. Men pointen er
at du ikke kan regne med nogetsomhelst
når en side har så fatale fejl som din
testside.
>> Og hvorfor bruge span til to elementer der
>> helt indlysende er blokelementer?
>
> Det kan muligvis skyldes at jeg har prøvet at validere koden også den
> har sagt at<div> skulle laves om til<span> fordi det har den gjort
> en del gange i min kode.
Jeg gætter på at det er fordi du har prøvet at sætte
en div (et blok-element) inden i et inline
element, span eller a.
>> Det ønskede kan givetvis opnås ved
>> div.colleft{
>> float:left;
>> }
>>
>> div.colleft{
>> width:200px;
>> border:1px solid #f00;
>> }
>>
>> div.colright{
>> border:1px solid #0f0;
>> margin-left:210 px;
>> }
>>
>
> Du manglede bare lige :
>
> .colleft, .colright{
> display:block;
> }
Nej, se nedenstående.
> så virker det sku :) jaaaa
>
> Jeg har opdateret koden endnu en gang så i kan se hvordan det var den
> rigtig skulle se ud :
http://scootergrisen.dk/test/test0001.html
>
> Det utrolig så længe jeg kan sidde og roden med koden også ender det
> med kun at være 3 linier som skal tilføjes/rettes.
Plus nogle linjer i din HTML-kode. Fordi det virker
behøver det jo ikke være rigtigt.
Et div-element er et blokelement, der indsætter
et linjeskift og antager hele websidens bredde,
medmindre man påtrykker det en bredde. Et p-element
er naturligt blokelement.
Modsætningsvis er et span-element et inline element,
der antager den bredde indholdet tilsiger.
Du kan forandre de to elementers grundlæggende
egenskaber ved at ændre et span-element til et
blokelement, og ved at ændre et div-element til
et inline-element. Men hvorfor det? Det svarer
lidt til at give et h1-element den mindste skrift-
størrelse og et h6-element den største skriftstørrelse.
Så kort sagt: Det er logisk forkert at bruge
span-elementet som du gør.
> Men det fordi jeg har en anden måde at tænke på. Jeg bruger sjældent
> margin-left til at placer en div eller span med.
Men hvis det højre element ikke har en rigelig
venstre margin, hvor skal det venstre element
så float'e hen? (Det er lidt omvendt sagt af
de virkelige forhold - men måske mere forståeligt).
Du kan jo prøve at undlade denne brede margin og så se
hvad der sker
> Og til Jørgen> Tja det vel lige meget hvor man skriver men nu skrev
> jeg bare her fordi CSS er et klientside sprog og fordi det ikke er
> HTML. Men kan da godt prøve og kigge mere i den kategori i fremtiden.
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
..