SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2013
    Location
    RI, USA
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Lightbulb Abs. % positioning and scaleability for banner -need ideas for problem.

    How do I get the icons to stay in the yellow 'windows' when minimizing the screen size, as seen at http://www.demog.comuv.com ? This positioning works better for the smaller LinkedIn icon, but it doesn't help with the general problem. Does anyone have any ideas as to how I could make this work? Thanks.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,173
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Hi NoVex. What you are doing there is really unreliable even on desktop browsers. When I opened your page, the icons were way off to the right, a long way from the boxes.

    It's never a good idea to attempt to align elements with a background image. It just doesn't work. A better approach is to remove the yellow squares from the background image and keep them as a single, separate image (you only need one image, as they are all the same). Then give the anchors a width and height equal to the dimensions of the yellow square and place the square as a background image on each. That way, the icons can't stray from the background square. You then need to center the icons within the anchor, which should be easy enough with padding or whatever.

    The next issue is to position the anchors inside the header area. There are various ways to do that, but I would probably just float them. However, at the moment the background image on the banner doesn't fit the banner container at wider screen widths, so it looks a bit rotten. On modern browsers, you can fix that with the background-size property. But you might be better off filling the banner area with a background color that visually extends the image left and right.

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2013
    Location
    RI, USA
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Good advice, thanks

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,173
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    No problem. My tips weren't very specific, so of course, if you need any clarification or help with your code, don't hesitate to ask.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,353
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    That link flags up the bid Red Mcaffee warning for suspicious sites:


    McAfeeŽ, Inc.

    Warning: Dangerous Site
    Whoa!
    Are you sure you want to go there?

    http://www.demog.comuv.com/ may try to steal your information.

    Why were you redirected to this page?

    When we visited this site, we found it may be designed to trick you into submitting your financial or personal information to online scammers. This is a serious security threat which could lead to identity theft, financial losses or unauthorized use of your personal information.

    More about 'phishing' attacks
    Something you may want to sort out if you want visitors.

  6. #6
    SitePoint Enthusiast
    Join Date
    Oct 2013
    Location
    RI, USA
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks. It's a free domain and webhost I use just for testing purposes. I had a feeling it's probably not that legit. Can you recommend any that are?

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,353
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by NoVex View Post
    Thanks. It's a free domain and webhost I use just for testing purposes. I had a feeling it's probably not that legit. Can you recommend any that are?
    It's probably a false positive from Mcafee but it doesn't like free hosts much as they are always trying to force something on you.

    @ralph.m may have a few suggestions for free hosts as I've been with the same paid host for 15 years so haven't shopped around.

  8. #8
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,166
    Mentioned
    264 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by NoVex View Post
    Thanks. It's a free domain and webhost I use just for testing purposes. I had a feeling it's probably not that legit. Can you recommend any that are?
    I've never used free hosting, either, but there have been a number of threads on the subject in the Web Hosting and Domains forum. You could try this thread for a start - it includes links to several others.

  9. #9
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,173
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    @ralph.m may have a few suggestions for free hosts as I've been with the same paid host for 15 years so haven't shopped around.
    Not free hosts. You can get decent hosting for as little as a few dollars per month, so I would never recommend free hosting. I'd rather forego a cappuccino once per month to avoid the misery of free hosting and all that comes with it.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •