Need Quick Help With CSS

by 6 replies
8
*****SOLVED*****
#website design #css #quick
  • it is in your css file, here is the line:
    #head ul {width:516px; height:44px; margin-top:58px; float:right}
    change margin-top
    • [ 1 ] Thanks
  • Yes. There is a margin top css property which is showing the more space between top till menu. so please remove that margn-top property or reduce it as per your convenient space needs.
    • [ 1 ] Thanks
  • The next css question you will have is logo.png is really 72 pixles high but only has 36 allocated in css.
    • [ 1 ] Thanks
  • Thanks guys! Now I just need to raise up that purple bar and the logo, the purple bar is the top part of a *.png file, that houses the flash object. I want to move the flash object and the *.png housing up too, so the purple bar sits right below the menu buttons.
    • [1] reply
    • Take a look at your style sheet.

      Code:
      #head										{width:100%; float:left; background:url(headBg.png) repeat-x}
      .head_height								{height:478px}
      .head_pad									{padding-bottom:30px}
      #head_cen									{width:800px; margin:0 auto}
      #head_sup									{width:800px; float:left; position:relative}
      h1.logo										{width:241px; height:72px;  float:left; background:url(logo.png) no-repeat}
      Not sure if that is the cause, but worth taking a look at it.
      Margin-top:5px might sort it, or not as the case may be.
      • [ 1 ] Thanks
  • [DELETED]
  • That totally got the logo up to the right spot, now I just need the flash object and the image housing to go up a little bit. Thanks everyone!! Anyone know how to get those to move up?
  • Banned
    [DELETED]

Next Topics on Trending Feed