How do i center divs, imgs?

This is my CSS code:

.navibar{ position:relative; top: 24; text-align: center;

} .page{ position: absolute; height:500; width: 900; border: 2px solid #79EB00; background: EBEBEB; left:182;

top:81.44; }

How do i center .navibar? (.navibar is a < img src='media/navibar/Navi-bar.png' class='navibar '>< /img >

I love programming so much i have been looking it up for 4 hours! im using Chrome on a mac. Have not tested it on anything else. If your wondering, this is just a practise site for my blog i may make. Yes, i know "TRY IT IN ANOTHER BROWSER." but if it don't work in Chrome then i need the code for it to work in Chrome. Any one know? Just a reminder:

How do i center my: < div > < img >'s ?

Thanks people of Lockergnome.

html help css

asked Dec 03 '10 at 19:49

Vancar6
1.4k●150●160●173

One Answer:

oldest newest most voted

Here are something

http://www.w3schools.com/tags/att_div_align.asp

http://www.w3schools.com/tags/att_img_align.asp

http://www.w3.org/Style/Examples/007/center.en.html

answered Dec 03 '10 at 19:53

kevin ♦♦
35.7k●160●317●590

edited Dec 03 '10 at 19:58

Your a god. W3schools are just wrong on the both of them for some reason. first 2 links don't work. But THE LAST ONE DOES!

YAYAYAYAY!

(Dec 03 '10 at 20:02) Vancar6

Google is your Friend

(Dec 03 '10 at 20:06) kevin ♦♦

But wait! Sadface! When i have centered the image and i move my div (That has position:relative;) it moves up the images that i just centered (the images also have a position:relative;). D; How can i fix this? Usualy i can move images and divs on top of each other without them moving at all.

(Dec 03 '10 at 20:07) Vancar6

Your answer

toggle preview

community wiki

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

*italic* or __italic__
**bold** or __bold__
link:[text](http://url.com/ "title")
image?![alt text](/path/img.jpg "title")
numbered list: 1. Foo 2. Bar
to add a line break simply add two spaces to where you would like the new line to be.
basic HTML tags are also supported

learn more about Markdown