5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Oddball Question

by Barbara Eyre
4 replies
  • WEB DESIGN
    • |
This is going to be a bad workaround to a problem, but have to appease the customer - ya know?

Problem: For whatever reason, the customer is seeing his home page of his site as tiled. No other page of his site and no other site on the web. He insists it's a problem on our end. No one else has this problem when viewing his site.

We've checked his monitor resolution and size and all is good.

Home page has an image of tropical beach/water ... put in background tag of table. Naturally, there are words, done with the <p> tag and such. Typical, but simple.

The only solution I can think of at the moment is to put a screen cap of the page (words et al) as a background to the body tag.

However - How do I just do a link that is large enough to be over the "Enter" that is on the page ...

Code:
<body background="image.jpg">
<a href="enter.html" title="enter website"></a>
</body>
I don't know what to put between the a href tags since I'm trying to create an invisible (is that the right word?) link above a place within a picture. And I don't know how to get the link to be just over a certain part of the image? Since it's a 1100 x 900 or so image ... can't figure out how to tell it to go just 'here' ... ya know?

I hope I'm explaining this right.

I know it's not the right or best solution, but the client is angry at us for something we have no control over.
#oddball #question
  • Profile picture of the author ad2012
    try this..it should work
    Code:
    <body>
<a href="enter.html" title="enter website"><img src="image.jpg" border="0">
</a>
</body>
    you need at least a text or an image for the link to work. Another trick you can use is to create 1x1 px image with transparent background. Don't fill it with any color. Just a blank image. And put this code:
    Code:
    <a href="enter.html" title="enter website">
<img src="blank.gif" width={anywidth} height={anyheight} border="0">
</a>
    visitor will not see the blank image. Also, you can set width and height to whatever you like.

    It would be easy if have any real example
    Signature
    Adi Djohari
    List Building Monetization Techniques and Strategies
    My Incredible Niche Blueprint Bonus
    {{ DiscussionBoard.errors[124795].message }}
    • Profile picture of the author ryanstreet
      I agree with CSS, while i am a little fuzzy on exactly the issue you are having, (maybe you could post a link for us to look at and help you) you could use CSS to show it only once. CSS has that capability. If you put it in the body tag, it will by default, tile across your page. If you need any help with CSS, just let me know and I can lend a hand if I see your code.

      I hope this helps.
      Signature
      Ryan Street
      PHP Developer Specializing in WordPress and Magento
      {{ DiscussionBoard.errors[135697].message }}
      • Profile picture of the author Barbara Eyre
        Thanks for everyone's answers.

        I did find out the problem, a bit of info I wasn't told before ... well, I was told he had a normal sized monitor ... now I find out his monitor is like 2000 pixels across or something ... bigger than a 19 inch monitor, which is what I have.

        The home page only tiles for him ... not for anyone else who views it. Yet he insisted there was a problem. Nothing we can do for him ... without messing up the page and make it look terrible to his target audience. *rolls eyes*
        Signature
        Phoenix Rising Web Services | Fibromyalgia Information
        {{ DiscussionBoard.errors[136729].message }}
        • Profile picture of the author webwyn
          Have you tried CSS for this, such as the code below to stop the tiling:

          Code:
          <style type="text/css">
<!--
BODY {background: #ffffff url(imagefilename) no-repeat center}
-->
</style>
          Image tiles (repeating) can be a great concept (to fill those long and wider resolutions), but can also be problematic if the repeats don't match up. Especially as monitors get bigger/wider.
          {{ DiscussionBoard.errors[147868].message }}

Trending Topics