Viper5646 Posted May 10, 2010 Share Posted May 10, 2010 Hi I Just finished the CSS tutorial and created a Navigation bar where one of the menus opens an Image.This Image replaces the navigation bar and is placed at the top left .How can I place the image in the center and still leave the navigation bar displayed.Here is my HTML and CSS code.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><link rel="stylesheet" type="text/css"href="NavigationBar.new.css" /></head><body><ul ><li ><a href="images\Nathan.jpg">Home</a></li><li ><a href="images\linda-e-exuberante.jpg">Images</a></li><li><a href="Videos">Videos</a></li></ul></div></body></html> ul{list-style:none; margin:0; padding:50px padding-bottom:5px;}a:link,a:visited{font-weight:bold;color:black;background-color:red;text-align:left;padding:22px;text-decoration:nonetext-transform:uppercase;}li{float:left;display:inline;}a:hover,a:active{background-color:#C00000;color:white;} a{display:block;width:50px;} Thank you Link to comment Share on other sites More sharing options...
1089 Posted May 10, 2010 Share Posted May 10, 2010 I had this same problem. text-align: center; Seems to be the only way to center images. Link to comment Share on other sites More sharing options...
Synook Posted May 10, 2010 Share Posted May 10, 2010 Umm, you have to create a new page that includes both the menu bar and the image. Note that you are supposed to use forward slashes for your paths.1089: images are inline elements, so you center them like normal text. Link to comment Share on other sites More sharing options...
Viper5646 Posted May 11, 2010 Author Share Posted May 11, 2010 Thanks 1089 and synook for your help Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.