Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[CSS] Text in een div met achtergrond omhoog?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik zit met het volgende probleem:

Ik heb een div (div.menuitems) in CSS, hierin zit een achtergrond verwerkt.. In deze DIV komt ook een text te staan (de links).

Nu staat de text iets te ver naar beneden in de DIV, maar ik krijg het voor geen meter omhoog!

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
div.menuitems       {
                    width:800px;
                    height:30px;
                    margin-left:auto;
                    margin-right:auto;
                    background-image:url(../img/menu.gif);
                    background-repeat:no-repeat;
                    letter-spacing:2px;
                    font-size:14px;
                    color:#FFFFFF;
                    text-align:center;
                    margin-bottom:5px;          
                            
                    
                    }

Let hierbij vooral op de laatste CSS regel.. deze zou de text omhoog moeten zetten toch?

[ Voor 1% gewijzigd door een moderator op 09-01-2008 11:35 . Reden: code tags toegevoegd ]


  • Bozozo
  • Registratie: Januari 2005
  • Laatst online: 20-02 16:10

Bozozo

Your ad here?

Nee, die laatste regel rekt de div gewoon op naar onderen totdat er 5px tussen text en div-onderkant zitten.

Probeer eens padding: 0;

TabCinema : NiftySplit


  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Nee, de margin geeft aan dat je 5px onder de div vrij wilt houden.
Als je code/css/html post, gebruik dan code tags a.u.b. ;)

[ Voor 58% gewijzigd door RobIII op 09-01-2008 11:38 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • DeepFreeze.NL
  • Registratie: April 2006
  • Laatst online: 02-03 08:01
Misschien met padding alles een X aantal pixels omhoog brengen?

Cascading Stylesheet:
1
padding-top: -5px;


Edit: Maak anders even een screen, dat maakt het verhaal wat duidelijker voor ons...

[ Voor 29% gewijzigd door DeepFreeze.NL op 09-01-2008 11:40 ]


Verwijderd

Topicstarter
Afbeeldingslocatie: http://www.italiaanse-koffie.nl/got.jpg

padding-top: -5px; heeft niets uitgehaald trouwens!

  • DeepFreeze.NL
  • Registratie: April 2006
  • Laatst online: 02-03 08:01
En wat als je doet:

margin-top: -5px;

of

top: -5px;

  • Bozozo
  • Registratie: Januari 2005
  • Laatst online: 20-02 16:10

Bozozo

Your ad here?

Aangenomen dat je de tekst verticaal wilt centreren, kun je ook line-height: 30px gebruiken.

TabCinema : NiftySplit


  • Duroth
  • Registratie: Juni 2007
  • Laatst online: 27-04-2016

Duroth

No rest for the tweaked

Overigens kan ik niks in je CSS vinden wat dit probleem zou kunnen veroorzaken.. Het lijkt mij dat er wat code rondom dit probleem geeft (of is het misschien alleen in IE6 te vinden?)

Misschien handig als je wat code eromheen post, ik zie er zo echt niks in... (Bij mij werkt het gewoon in IE7 en FF)
Pagina: 1