login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met font in div (Opgelost)

Offline Gust - 17/06/2014 14:55 (laatste wijziging 17/06/2014 14:56)
Avatar van GustMySQL interesse Ik slaag er maar niet in om een stukje tekst zowel verticaal als horizontaal te positioneren in een div (footer).

opmaak.css
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. #voet {
  2.  overflow:auto;
  3.  position:absolute;
  4.  z-index:60;
  5.  bottom:0px;
  6.  height:30px;
  7.  left:0px;
  8.  right:0;
  9.  width: 1020px;
  10.  margin-left:auto;
  11.  margin-right:auto;
  12. }


tekst.css
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. .voettekst {
  2.  
  3. 	font-family:Verdana, Arial, Helvetica, sans-serif;
  4. 	font-size:12px;
  5. 	color: #0b75af;
  6. 	text-align:center;
  7. 	text-decoration:none;
  8. 	padding: 0px 15px 0px 0px;


pagina.htm
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="voettekst" id="voet">disclaimer | login
  2. </div>

2 antwoorden

Gesponsorde links
Offline Thomas - 17/06/2014 15:05 (laatste wijziging 17/06/2014 15:22)
Avatar van Thomas Moderator Ik mis de HTML . Ik neem aan dat #voet aan een div gekoppeld is? En aan welk element koppel je .voettekst?

Als ik een enkele regel tekst verticaal wil centreren gebruik ik vaak line-height met de hoogte van het omvattende blok. En voor de horizontale gecenteerde uitlijning gebruik je text-align: center. Je moet hierbij wel zorgen dat het element waarin deze tekst staat de juiste afmetingen (zowel hoogte als breedte) heeft.

Het zou erg verhelderend werken als je de (relevante) HTML er ook bij plaatst.

EDIT: je gebruikt padding-right in .voettekst, daardoor staat je tekst nooit gecentreerd? Haal deze padding gewoon weg?
Ik zou hier trouwens twee divs van maken: één als "footer container" en de ander voor de daadwerkelijke inhoud.

EDIT: oplossing is waarschijnlijk: line-height: 30px;
Offline Gust - 17/06/2014 16:09
Avatar van Gust MySQL interesse Line-height was inderdaad de oplossing. Bedankt!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.155s