Tekst - HR - IMG

Door Zie Foto op 17-07-2014 17:34 gewijzigd op 17-07-2014 17:35

1.085 views

Ik ben opzoek wat het best/makkelijkst is voor volgend ontwerp

Dus een tekst, na de tekst een lijn en dan een afbeelding op het einde.
Kan ik dan een klasse maken best (bv: tekstlijn)?
Daarna tekstlijn:after content '-'
En hoe kan ik dan nog een afbeelding op het einde toevoegen

Alvast bedankt

Frank Nietbelangrijk

17-07-2014 18:24

http://codepen.io/anon/pen/stKdw

Zie Foto

18-07-2014 14:28

Bedankt Frank, maar het probleem is dat je die lijn een vaste waarde moet geven. Dus als ik het scherm verklein zal de lijn altijd even lang blijven.

Peter Flos

18-07-2014 16:30

Als je het scherm nu verkleint blijft de lijn evenlang, alleen aan de rechterkant gaat deze verder. Anders moet je in % gaan werken:


#lijn {
  margin:22px 10px;
  width:10%;
}

Bijvoorbeeld.

Frank Nietbelangrijk

18-07-2014 16:40

Misschien dan toch met een table?

http://codepen.io/anon/pen/ncmod

Erwin H

18-07-2014 19:23

Of, geen mooie oplossing, maar werkt wel: lijn als achtergrond plaatje van een div, met tekst ervoor floatend links, plaatje ervoor floatend rechts. Zowel tekst als plaatje een achtergrond kleur geven zodat de lijn daar verborgen blijft.

Reageren

Inloggen om te reageren