Centering Fireworks Nav Bar?

SimonUK5 · Feb 25, 2012, 11:53 AM

Due to some crazy ass course at school I've had to make a really simple Nav bar in fireworks and then Import it into dreameaver. That was fine i did it and whatever.

But,

I can't Center the nav bar in dreamweaver? I Preview it in Safari and it just shows top left and i need it to show Top Center? And i can't for the life of my work out how to get it there :P

I'm a Web Design Noob! Help me!

mwilloam · Feb 26, 2012, 06:38 PM

I'm not a Dreamweaver user but if you can access and edit your CSS styling code you can center it fairly easily.

I'm assuming the navbar is an image file (jpg,png?) that you exported from Fireworks. Also assuming you know the width of it in pixels.

HTML would looks something like:

<html>
........
<body>

<div id="navbar"> </div>

</body>
</html>

Then CSS:

#navbar {
width:800px; (whatever width the navbar needs to be or is)
margin: 0 auto; (this sets the navbar's top and bottom margin to 0 and the left and right to auto, which auto centers it in the window.)
}

That's it. Does that make sense?

Feb 25, 2012, 11:53 AM	#1
SimonUK5 macrumors regular Join Date: Nov 2010	Centering Fireworks Nav Bar? Due to some crazy ass course at school I've had to make a really simple Nav bar in fireworks and then Import it into dreameaver. That was fine i did it and whatever. But, I can't Center the nav bar in dreamweaver? I Preview it in Safari and it just shows top left and i need it to show Top Center? And i can't for the life of my work out how to get it there :P I'm a Web Design Noob! Help me! __________________ MacBookPro 15'' 2.3
	0

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
thread	Thread Starter	Forum	Replies	Last Post
tab bar + nav bar	jagatnibas	iPhone/iPad Programming	1	Sep 21, 2011 09:09 AM
How to highlight a Spry nav bar?	Thomas Veil	Web Design and Development	7	Mar 4, 2008 06:22 PM
Bottom Nav Bar	jules1977	Web Design and Development	4	Jul 3, 2007 06:14 AM
iweb nav bar help pls	riel505	Mac Applications and Mac App Store	2	Aug 20, 2006 02:12 AM
iWeb Nav Bar question	this is funah	Mac Applications and Mac App Store	9	Aug 18, 2006 10:49 AM

Feb 26, 2012, 06:38 PM	#2
mwilloam macrumors newbie Join Date: Apr 2010	I'm not a Dreamweaver user but if you can access and edit your CSS styling code you can center it fairly easily. I'm assuming the navbar is an image file (jpg,png?) that you exported from Fireworks. Also assuming you know the width of it in pixels. HTML would looks something like: <html> ........ <body> <div id="navbar"> </div> </body> </html> Then CSS: #navbar { width:800px; (whatever width the navbar needs to be or is) margin: 0 auto; (this sets the navbar's top and bottom margin to 0 and the left and right to auto, which auto centers it in the window.) } That's it. Does that make sense?
	0


MacRumors Forums > Special Interests > Visual Media > Web Design and Development