met .css een image in "center" zetten - Softwareontwikkeling

vrijdag 4 januari 2008 12:05

Acties:

Verwijderd

Topicstarter

hej,

ik heb een vraagje,, hoe kan ik een image in het center zetten van een forum. Ik moet dat doen met .css style. Hoe doe ik dat dan?

hier is de code waar het in moet:

Cascading Stylesheet:

 #logodesc {
    margin-bottom: 5px;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFF;
        div { align: center }
}

en de site:

jedoetmaarniet.nl

groetjes!

[ Voor 3% gewijzigd door BtM909 op 04-01-2008 12:07 ]

vrijdag 4 januari 2008 12:07

Acties:

Outerspace

Moderator General Chat / Wonen & Mobiliteit

AFX Ghey Edition by HlpDsK

Neem dit eens door: http://www.w3.org/Style/Examples/007/center

Daar staat je vraag netjes uitgelegd.

Zoekt nieuwe collega's (jr/sr engineers, servicedeskmedewerkers of managers in de Randstad)

vrijdag 4 januari 2008 12:07

Acties:

R4NCOR

eigenlijk gewoon Niels

code:

1	margin: 0 auto;

Should do the trick

vrijdag 4 januari 2008 12:09

Acties:

BtM909

Watch out Guys...

Je hoeft niet perse naar je eigen website te linken. Een klein en relevant voorbeeld is al genoeg

Die div staat sowieso verkeerd in je CSS, maar neem even aan dat je daarmee eigenlijk je image wilt centreren?

Kijk even naar de suggesties van Outerspace and R4NCOR, want die moeten je zeker weten op weg helpen

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 4 januari 2008 12:15

Acties:

Verwijderd

Topicstarter

R4NCOR schreef op vrijdag 04 januari 2008 @ 12:07:
code:
1
margin: 0 auto;
Should do the trick

nah doet het niet

,,

sorry, maar misschien kind dit heel stom. Ik snap er niks meer van

als ik nou de code invoer:

code:

}

#logodesc {
    margin-bottom: 5px;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFF;
        margin-left: auto;
        margin-right: auto 
    
}

dan doet hij het niet

miss ligt het aan mn forum (PhBB)???

vrijdag 4 januari 2008 12:57

Acties:

TeeDee

CQB 241

define "dan doet hij het niet"

Heb je een fatsoenlijke testcase? Heb namelijk niet zoveel zin om je hele phpBB uit te gaan zitten pluizen waar de bug zit.

Edit
Right, * TeeDee heeft toch maar even gekeken. Waarom zet je je logo in een table? Haal dat maar eens gewoon weg om mee te beginnen.

[ Voor 35% gewijzigd door TeeDee op 04-01-2008 13:03 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

zaterdag 5 januari 2008 03:27

Acties:

BlackIce

Een image is geen box, het is een inline-element en word zo ongeveer hetzelfde behandeld als tekst.
Om het in het midden te zetten moet je text-align: center; op het element zetten waar het plaatje in zit.

Verder met TeeDee trouwens, een table om een plaatje zetten is een beetje onzin.

[ Voor 16% gewijzigd door BlackIce op 05-01-2008 03:28 ]

zaterdag 5 januari 2008 14:06

Acties:

Kiphaas7

icemancool schreef op zaterdag 05 januari 2008 @ 03:27:
Een image is geen box, het is een inline-element en word zo ongeveer hetzelfde behandeld als tekst.
Om het in het midden te zetten moet je text-align: center; op het element zetten waar het plaatje in zit.

Verder met TeeDee trouwens, een table om een plaatje zetten is een beetje onzin.

Ter volledigheid: in het voorbeeld van Outerspace wordt van het plaatje een block element (display:block;) gemaakt, waarna _wel_ margin:0 auto; werkt.