Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

I need a Little Help with a project

  • 14-04-2011 03:13PM
    #1
    Registered Users, Registered Users 2 Posts: 168 ✭✭


    I am redesigning a new website, I need help with the code to center the digital book on my website. I would also like to move the digital book down a little from the links bar.

    http://www.irishmediaguide.com/Media%20New.html

    Any help would be much appreciated.

    Brendan


Comments

  • Registered Users, Registered Users 2 Posts: 213 ✭✭Hoku


    Firstly, I'd advise you to really clean up the code on the page.
    Use CSS rather than line-breaks and random blank paragraphs to space out your content.

    Now on to the issue itself.

    The <div class="content"> in which the digital book is nested - you should rename that to something else... Something more relevant. Since the feature is unique (to this page anyway), you could use id instead of class. It really depends what you have planned for the website.

    Anyway, once that's done, add this little piece of CSS to any of your stylesheets:
    div .digitalbook table {margin: 10px auto; text-align: center; clear: both;}
    
    In this example, I assumed that the class name of the div is digitalbook. If you opt for the id version, then use #digitalbook instead of .digitalbook

    Should work, if all tags are correctly matched..


  • Registered Users, Registered Users 2 Posts: 168 ✭✭Brendan552004


    Thank you very much for your very kind advice.

    Brendan


Advertisement