login  Naam:   Wachtwoord: 
Registreer je!
 Forum

break in h2 (Opgelost)

Offline finduilas - 15/12/2008 15:12
Avatar van finduilasPHP gevorderde Hallo,

Ik ben bezig met een blog voor schoolopdracht. Het moet strict zijn enz...

Alleen zit ik met een probleem, ik heb een h2 die moet verspreid zijn over 2 lijnen. Ik heb dus 2 spans binnen 1 h2 en daartussen een br.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <h2><span>Dag 1</span><br /><span>Na-weekend</span></h2>


CSS:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. h2 span
  2. {
  3. background-color: #f7e5ca;
  4.  
  5. }
  6.  
  7. br{
  8. 	margin-bottom:4px;
  9. }
  10.  
  11. h2
  12. {
  13. margin-top:15px;
  14. font-family: Courier, monospace;
  15. font-size: 30pt;
  16. font-weight: lighter;
  17. }


In FF zie je hoe het moet zijn, IE verneukt het natuurlijk..

7 antwoorden

Gesponsorde links
Offline Pellens - 15/12/2008 15:17 (laatste wijziging 15/12/2008 15:18)
Avatar van Pellens PHP interesse Gebruik 2 maal <h2> met aangepaste class ofzo?

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <h2 class="dag">Dag 1</h2>
  2. <h2 class="wanneer">Na-weekend</h2>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. h2 { ... }
  2. h2 .dag { color: #123456; }
  3. h2 .wanneer { color: #654321; }


Zou dit niet gaan?
Offline zointer - 15/12/2008 15:28
Avatar van zointer HTML gevorderde Gebruik line-height
Opgepast met line-height deze is erfelijkheid

@Pellens, dat was ook mijn eerste gedacht maar dan is de tussenruimte te veel 
Offline SilVeX - 15/12/2008 15:45 (laatste wijziging 15/12/2008 15:46)
Avatar van SilVeX HTML beginner
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <h2>Dag 1<span>Na-weekend</span></h2>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. h2 {
  2.   margin-top:15px;
  3.   font-family: Courier, monospace;
  4.   font-size: 30pt;
  5.   font-weight: lighter;
  6.   background-color: #f7e5ca;
  7. }
  8.  
  9. h2 span {
  10.   clear:both;
  11.   margin:4px 0px 0px 0px;
  12. 	display:block;
  13.   background-color: #fff;
  14. }


Werkt perfect met dit doctype:
Citaat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


1x span nodig inplaats van 2
geen br nodig
Offline zointer - 15/12/2008 16:13 (laatste wijziging 15/12/2008 16:17)
Avatar van zointer HTML gevorderde
SilVeX schreef:
[..code..]

[..code..]

Werkt perfect met dit doctype:
[..quote..]

1x span nodig inplaats van 2
geen br nodig

leuk maar zo wil ts het ook niet, er moet tussenruimte zijn
finduilas schreef:
In FF zie je hoe het moet zijn, IE verneukt het natuurlijk..

Had je beter een vb site geplaatst 
Offline SilVeX - 15/12/2008 16:26
Avatar van SilVeX HTML beginner je kan die span van mij toch een height geven of een grotere margin?
Offline zointer - 15/12/2008 16:39
Avatar van zointer HTML gevorderde dit is wat hij wil, dit is wat jij er van maakt, nu mag je margin ect.... veranderen dan kom je er nog niet;-)
Offline finduilas - 15/12/2008 17:49
Avatar van finduilas PHP gevorderde Ik heb het gedaan als zointer en dat werkt. Raar; want eerst deed hij dit niet.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.291s