center image

I would like to centre an image above my vertical naviagation bar, what is the best way to do it?

It would depend entirely on the rest of the markup on your page. Please
give us a link so we can see its code.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Pengey" <webforumsuser (AT) macromedia (DOT) com> wrote

I would like to centre an image above my vertical naviagation bar, what is
the best way to do it?

Pengey wrote:

I would like to centre an image above my vertical naviagation bar, what is the best way to do it?

Use css to format your image alignment. Give it a class name (eg: logo)
and use this code on your css file:

img.logo {
margin: 0 auto;
}

I agree with Murray. Show your code first and describe your problem.

Hope this helps.

--
Burman - AKA dreamworms
Web Design Tutorial: http://www.burmanweb.com

That will not work on any inline tag, including images. For it to work the
class rule would also have to contain "display:block", and the image would
have to have an explicit width assigned (either in the CSS or in the width
attribute). Rather than confuse the OP with suggestions that are wrong, I
suggest we take a look at the code first.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Burman" <burman (AT) burmanweb (DOT) com> wrote

Pengey wrote:
I would like to centre an image above my vertical naviagation bar, what
is the best way to do it?

Use css to format your image alignment. Give it a class name (eg: logo)
and use this code on your css file:

img.logo {
margin: 0 auto;
}

I agree with Murray. Show your code first and describe your problem.

Hope this helps.

--
Burman - AKA dreamworms
Web Design Tutorial: http://www.burmanweb.com

Thank you for replying, I've just got Dreamweaver after using ExpressionWeb so
I haven't got anything uploaded yet as I am replacing the Expressionweb site
and haven't got as far as uploading it. I'll see if I can figure out how to use
display:bock.

Murray *ACE* wrote:

That will not work on any inline tag, including images. For it to work
the class rule would also have to contain "display:block", and the image
would have to have an explicit width assigned (either in the CSS or in
the width attribute). Rather than confuse the OP with suggestions that
are wrong, I suggest we take a look at the code first.

Why using display:block? isn't image is also block level element?
Don't make us confuse here.


--
Burman - AKA dreamworms
Web Design Tutorial: http://www.burmanweb.com

nope, image is an inline element

Did you try your suggestion before making it? It doesn't work.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Burman" <burman (AT) burmanweb (DOT) com> wrote

Murray *ACE* wrote:
That will not work on any inline tag, including images. For it to work
the class rule would also have to contain "display:block", and the image
would have to have an explicit width assigned (either in the CSS or in
the width attribute). Rather than confuse the OP with suggestions that
are wrong, I suggest we take a look at the code first.


Why using display:block? isn't image is also block level element?
Don't make us confuse here.


--
Burman - AKA dreamworms
Web Design Tutorial: http://www.burmanweb.com