• Resolved grove39

    (@grove39)


    I’m trying to test new image logos for my site but the problem i’m coming across is that i cant in any way seem to move the image so its centered at the top of the page , i tried float right but this pushes it too far to the right , float left is too far to the left but float center does nothing and doesn’t move the image anywhere

    This is my site http://www..blackoutbass.com/

    I’m assuming i’m editing the right bit of code below but whatever i change doesn’t seem to work

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    [And No bumping, please.]

Viewing 10 replies - 1 through 10 (of 10 total)
  • On the .header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a you need to set the margin as margin: 0 auto;. The one caveat is that your stylesheet applies this rule to multiple elements. While this probably will not cause any issues for them, if it does you can make this a separate rule if necessary.

    Thread Starter grove39

    (@grove39)

    Worked perfectly , thank you so much

    Thread Starter grove39

    (@grove39)

    ok i thought it had worked , its centered the image but now the marquee above isnt showing , also it all looks wrong in firefox but fine in IE , i did a few google searches to work out why and all i could find were answers saying the coding was wrong , but it cant be wrong in both can it ?

    added the whole style.css in the link below

    http://pastebin.com/pGihQXuZ

    please be a bit patient with me as i got this site dropped in my lap a week ago and got asked to sort it out , and i’ve never built a website in my life so its a very steep learning curve

    thanks

    On the different setups here the logo looks fine and centered in IE, Firefox, chrome, both IE and Mac. The Marquee also displays above logo when you first load the page, however I noticed that after I click it and reload the page it does not load. This leads me to believe its a javascript issue.

    Thread Starter grove39

    (@grove39)

    the problem thats showing up on mine in Firefox is that the links button is under the home page button , can anybody else see the same problem ?

    i may even ditch the idea of the marquee anyway

    That link in the wrong place happens on mine too, before the change also, but it only on Mac. It has to do with Macs and Windows not always having the same fonts available.

    Thread Starter grove39

    (@grove39)

    I’m looking at it on IE and Firefox on the same PC using windows So i have no idea why they would look different.

    The reason the the marquee seems to be having issues is because that there is a problem with the jquery it depends on. It may be a conflict, with other scripts. You should use jQuery(document).ready instead of the $ symbol.

    The only thing that comes to mind for a font issue in either one is that either IE or Firefox set to forcibly use certain fonts. Check your settings in the browser and see if they can use the font specified in the page or the browser setting.

    If all else fails you can also reduce the font size by 1px and have everything fit and display properly.

    Thread Starter grove39

    (@grove39)

    Yeah its all down to a setting in Firefox , so i’m going to try and do as you pointed out and change the font size once i find out where it is lol

    Thanks again

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How do i move my logo image to the right ?’ is closed to new replies.