Jump to content

elliotnewman

Members
  • Content Count

    7
  • Joined

  • Last visited

Community Reputation

0 Neutral

About elliotnewman

  • Rank
    Newbie
  1. I would like to have transparent gaps between my menu items, but all I have there is solid white at the moment. Is this possible at all? or would I have to do something with a .png image instead? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title></head><style type="text/css">body {background-color:#C03}ul#menu{ margin:0; padding: 0; width:1110px; background:#eee; position:relative;}#menu li{float:left;list-style-type: none;margin-right: 3px;position:relative;}/* Adjust this width to suit */#menu li#spacer {background:#777; float:left; width:528px; display:block;}#menu li#contactLink {position:absolute; top:0; right:0;}#menu a:link, #menu a:visited{display:block;color:#CCC;background-color:#000;text-align:center;padding:8px 25px 0px 25px;text-decoration:none;text-transform:uppercase;word-spacing: 0.2em;letter-spacing: 0.1em;}#menu a:hover, #menu a:active{background-color:#333;}#menu_right { float: right; }#menu li ul.sub-menu {/*width:300px;*/ position:absolute; left:0; margin:0; padding:0; display:none;}#menu li:hover ul.sub-menu {display:block;}#menu li ul.sub-menu li {display:block;}</style><body><ul id="menu"><li><a href=" ">Home</a></li> <li><a href=" ">About us</a></li> <li><a href=" ">Open Edition</a> <ul class="sub-menu"> <li><a href="">Sub Link 1</a></li> <li><a href="">Sub Link 2</a></li> </ul> </li> <li id="spacer"> </li> <li id="contactLink"><a href=" ">Contact</a></li> <br style="clear:both" /></ul><blockquote> </blockquote></body></html>
  2. yes thanks for the link. I am using firefox 2.0 .... that must be why ;0 I just assumed it would have been supported for sometime in CSS so was not concerned about the age of my version of FF, I was wrong.MitzeMitchell - thanks, yes I kind of want it to be subtle, I don't want to overdo it, plus giving other browsers do not support it I don't want the design feeling too different with the rounded corners, but perhaps another pixel or two would help.Thanks all! good stuff.
  3. This is great, thanks for the advice. I do have one last question - if I want gaps between each navbar element do I do use margins? That is how I achieved it before when I was working with div tags:http://www.elliotnewman.com/index/test6.html
  4. Yes, so does that mean I am missing the required code for it to work in Firefox?
  5. http://www.elliotnewman.com/index/test8.htmlI have picked up some code that seems to round off corners to my div tags nicely - I use:#box_left { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; It seems to work ok in Safari, for example the divs "box_left" and "box_right" both have this.Is there something really obviously wrong with my code?Thanks, Elliot.
  6. http://www.elliotnewman.com/index/test8.htmlWhen I load this page into Firefox it seems to work, but Safari doesn't display the bottom divs in the right position. The divs that seem to be affected are:"box_left" and "box_right"Everything else appears to be working correctly, any help would be great, been scratching my head a while now.Elliot.
  7. http://www.elliotnewman.com/index/test8.htmlCan anybody help me find out how I can fill in the gap between the NEWS and CONTACT items on the navbar? I would like to continue the black region, I tried to insert a div tag with the same black colour fill, but could only get it half working by filling in the exact pixel dimensions, rather than for it to just fill the space automagically.Thanks in advance for any help.Elliot
×
×
  • Create New...