Avatar billede mrfunder Nybegynder
06. marts 2008 - 17:02 Der er 6 kommentarer og
1 løsning

Linjeskift ved brug af flere elementer

Hej Eksperter. Hvordan undgår jeg at der bliver lavet linjeskift efter brug af et element?

#feature {
    padding: 2em;
    font-size: 11px;
    text-align: center;
    color: #7fc140;
    }
   
#feature h2 {
    font-size: 11px;
    color: #c1c1c1;
    }

#feature p {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    }

<div id="feature"><h2>06/04/2008:</h2><p>Velkommen til netshoppen</p>version 1</div>
Avatar billede olebole Juniormester
06. marts 2008 - 17:12 #1
<ole>

Der er naturligt linjeskift ved alle de tre elementer, du viser. Dem vil du da vel ikke fjerne?

Hvis du ikke ønsker et linjeskift, bruger du bare et inline-element ... det giver mening  ;o)

/mvh
</bole>
Avatar billede roenving Novice
06. marts 2008 - 17:13 #2
Bruger ngle andre elementer, der ikke er block-level, f.eks. spans og bruger klasser i stedet for !-)

#feature {
    padding: 2em;
    font-size: 11px;
    text-align: center;
    color: #7fc140;
    }
   
#feature .date {
    font-size: 11px;
    color: #c1c1c1;
    }

#feature .txt {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    }

<div id="feature"><span class="date">06/04/2008:</span><span cass="txt">Velkommen til netshoppen</span>version 1</div>

-- der skal så måske også noget afstand til at få det til at se pænt ud ...
Avatar billede softspot Forsker
06. marts 2008 - 17:21 #3
...men ellers kan du bruge float:left på h2-elementet.
Avatar billede olebole Juniormester
06. marts 2008 - 17:30 #4
- men så mister koden sin logik ... en overskrift bør stå for sig selv  ;o)
Avatar billede mrfunder Nybegynder
06. marts 2008 - 18:18 #5
Kan jeg bede om et svar roenving? :-)
Mange tak for hjælpen
Avatar billede roenving Novice
08. marts 2008 - 12:17 #6
Velbekomme '-)
Avatar billede roenving Novice
05. juli 2008 - 12:20 #7
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester