[html/css]Logo te laag

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • martin149
  • Registratie: Augustus 2009
  • Laatst online: 10-09 08:19
Op mijn site wil mijn logo maar niet op de goede plaats komen, maar deze blijft in plaats van rechts onder de balk, er exact onder staan. Op de plek staat niks en het object heeft een float:right meegekregen in de css.
zie: http://martin149.tk/wiki/
De oplossing zal waarschijnlijk simpel zijn, maar ik zit mijn hoofd er al een tijdje over te breken.
Enne, het logo kun je niet zien omdat ie wit is, doe gewoon even Ctrl+A en je ziet 'm wel

Acties:
  • 0 Henk 'm!

Verwijderd

het logo staat niet binnen de div die het menu vormt, dan komt ie er standaard onder

zie:

code:
1
2
3
4
5
6
7
8
9
10
11
<div id="menu"> 
        <ul> 
            <li><a href="?p=0" class="ajax">Home</a></li> 
            <li><a href="?n=0" class="ajax">Blog</a></li> 
            {MENU}
        </ul> 
 
    </div> 
    <div id="logo"> 
        <a href="/"><img src="images/logo.png" alt="Logo" border="0" /></a> 
    </div>

[ Voor 67% gewijzigd door Verwijderd op 05-09-2011 20:20 ]


Acties:
  • 0 Henk 'm!

  • Onbekend
  • Registratie: Juni 2005
  • Laatst online: 20:45

Onbekend

...

En het blijft een div, oftewel en block-element.

Speel ook Balls Connect en Repeat


Acties:
  • 0 Henk 'm!

  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

Het is logisch dat hij daar rechts komt te staan omdat je hem op float:right hebt staan. Je kunt het ding altijd absoluut positioneren, maar ik denk eerlijk gezegd dat je het ding al een heel eind op de juiste plek kan krijgen als je hem op de juiste plek in je DOM zet.

Acties:
  • 0 Henk 'm!

  • Delusion
  • Registratie: Mei 2009
  • Laatst online: 12-09 20:39
Geef je #menuwrap een overflow:auto;
Dat zal denk ik wel genoeg zijn.

Acties:
  • 0 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
martin149 schreef op maandag 05 september 2011 @ 20:15:

Enne, het logo kun je niet zien omdat ie wit is, doe gewoon even Ctrl+A en je ziet 'm wel
Enne, of je doet even die "extra mile" (centimeter) en knalt er even een groene/paarse/zwarte afbeelding in...

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


Acties:
  • 0 Henk 'm!

  • martin149
  • Registratie: Augustus 2009
  • Laatst online: 10-09 08:19
RobIII schreef op maandag 05 september 2011 @ 20:21:
[...]

Enne, of je doet even die "extra mile" (centimeter) en knalt er even een groene/paarse/zwarte afbeelding in...
Het voorbeeld deed er volgens mij niet veel toe. Oplossing al gevonden door #menu Display:inline-block te maken

Acties:
  • 0 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
martin149 schreef op maandag 05 september 2011 @ 20:22:
[...]

Het voorbeeld deed er volgens mij niet veel toe.
Natuurlijk wel, anders had je ons er niet naar toe verwezen ;) Reden waarom ik er over begin: probeer CTRL-A eens in Chrome (mijn (en veler) default browser) ;)

Maar mooi dat 't opgelost is d:)b

[ Voor 15% gewijzigd door RobIII op 05-09-2011 20:24 ]

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

Pagina: 1