• Login or register

Slinkset Help

Have a question? Post it here.

  • Popular
  • Recent
  • Submit
  • how to center your logo and make your title and sub-title unseen using css

    this is not a query, just help for anyone who might have such a query. for my slinkset site at least i wanted to center the logo+banner and remove the title and sub-title from view as they were already drawn in my banner so what i did was first edit the css to center the image using....

    .title-bar .logo img {
    display: block;
    margin:0px auto;
    }

    and then i moved the title and subtitle off the page using....

    .title-bar .title, .title-bar .sub-title {
    position:absolute;
    left: -10000px;
    }

    the reason i used this method instead of display:none is that i want search engines to pick up on it. i could also have just matched the color of the font to the background image, say white on white but likewise it has been said that some search-engines notice this and think you are trying to game their results and penalize you for it. also using the above method, makes it accessible for screen-readers and html only browsers.

    if anyone finds anything wrong with the above code, let me know. read a book on css 6 months ago but then went in another direction so i have not been practicing and im no expert. hope its useful to someone.

    2 points by noFire 2 months ago
    • comment
  • 1 point by yopartstom 1 month ago 0 children

    Thanks Man!!

    • link
    • reply
  • Widget
  • Recent Comments
  • Leaders
Powered by slinkset.com