anchor padding-top

Pagina: 1
Acties:

  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
Ik heb nu op een website een aantal anchors ingesteld: http://www.tausk.nl/test/
ik heb een padding-top in m'n stylesheet ingesteld, zodat als je klikt, het kopje niet helemaal bovenaan je pagina komt maar iets daaronder. in internet explorer werkt dit prima. Alleen in firefox niet.. weet iemand het probleem?

stylesheet:

code:
1
2
3
4
5
6
.kopje {
    padding-top: 35px;
    color: #a4ab27;
    text-decoration: none;
    font-size: 25px;
}

  • André
  • Registratie: Maart 2002
  • Nu online

André

Analytics dude

Geef hem eens een margin-top ;)

Jij geeft de span een padding en niet de a, dat is wel een verschil natuurlijk.

[ Voor 59% gewijzigd door André op 16-02-2007 12:33 ]


  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
als ik <a class="kopje" etc etc doe.. dan werkt het niet..

  • André
  • Registratie: Maart 2002
  • Nu online

André

Analytics dude

Speel eens met de line-height van .kopje ;)

  • tec
  • Registratie: Juni 2001
  • Laatst online: 17-12-2024

tec

TEC

een inline element kan geen padding hebben onder en boven. Vandaar dat het in IE wel werkt. Die neemt het allemaal niet zo nauw.

  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
tec schreef op vrijdag 16 februari 2007 @ 12:40:
een inline element kan geen padding hebben onder en boven. Vandaar dat het in IE wel werkt. Die neemt het allemaal niet zo nauw.
en hoe los ik het op dat het in firefox wel gaat werken? line-heigt maakt geen verschil.

  • tec
  • Registratie: Juni 2001
  • Laatst online: 17-12-2024

tec

TEC

display:block;

  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
nope.. is het ook niet :/

  • André
  • Registratie: Maart 2002
  • Nu online

André

Analytics dude

Cascading Stylesheet:
1
2
3
4
5
6
7
8
.kopje {
  color: #a4ab27;
  text-decoration: none;
  font-size: 25px;
  display: block;
  line-height: 200px;
  height: 100px;
}

  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
met die code werkt ie in beide browsers niet meer.. en staat er een enter onder elk kopje. in firefox gaan zelfs een paar kopjes nu door de tekst heen staan... :/
Pagina: 1