Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Image Wrap Issue?

    If you want to look at the issue right away, skip all the way down to GOAL:, the text below is just to give more information

    ISSUE:

    SITE : http://www.catchmyDR1FT.com
    Alt. URL : http://www.catchmyDR1FT.com

    catchmyDR1FT.com. top right corner under the searchbox/date module and above the text ". 2.0 // codename :: champloo // re-launched 06.01.05" there is a BLACK horizontal line that's not supposed to be there.

    TESTING:

    Mozilla Firefox 1.0.4
    IE 6.0
    IE7 (CSS optimized)
    Opera 8.0.2 beta
    Konqueror (latest version)


    WHAT's KNOWN:

    At first I thought this was simply a line on the bottom of the header_bg.gif file which is used for the background of that area. Yet after close examination using zoom feature and replacing it with header_right_corner.gif ( file used on the very right side, next to header_bg.gif which doesn't have the black line on the bottom issue) I started looking elsewhere

    My 2nd guess was a border "?" setting, yet after thorough search with notepad I found that all the border settings that could affect that area are set to "0"

    My 3rd guess was that it's a the thickness of a table which contains that portion of the web site, yet after analyzing it with dreamweaver, I fail to see it being shown, in fact it is transparent.

    My 4th guess was that this is a CSS issue and someone on #css irc channel suggested that this is a "image wrap" issue. I'm an amateur to CSS, so before messing up my code I decided to post here. By the way this is what the result for "wrap" on my template_css.css file gave ( just for info):

    ul#mainlevel-nav li
    white-space: nowrap;

    .contentheading {
    white-space: nowrap;

    FILES:

    If needed I will attach the following files for further analysis:

    header_bg.gif (image used for background area of the problem)
    index.php (front page's php file)
    template_css.css (css file for the main page)


    GOAL:

    catchmyDR1FT.com has a black line in the rop right corner under the date module that needs to be removed.

    SCREENSHOT:


  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It appears to be this image templates/simplicity_grey/images/header_bg.gif starting to repeat. A quick fix would be to add this to your CSS
    Code:
    td {
    background-repeat:repeat-x;
    }
    Though I don't know how many td cells that you actually need the background to repeat in both the x and y direction, so find the td cells that use that background image and give them a class and use the CSS I provided.

  • #3
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    that worked. quick fix indeed. thanks for your help


  •  

    Posting Permissions

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