Jump to content


  • Content count

  • Joined

  • Last visited

About slightlymad

  • Rank
    Advanced Member
  • Birthday May 21

Users Experience

  • Experience
  • Area of Expertise

Contact Methods

  • Website URL

Profile Information

  • Gender
  • Location
    Sevenoaks, Kent UK
  1. Happy Birthday! :)

  2. slightlymad

    Gradient background

    Ah! Me got wrong end, stick-wise... I thought you wanted a gradient for the body background!
  3. slightlymad

    Gradient background

    Nope - can't see it, despite refreshing the page. Where have you hidden it?!
  4. slightlymad

    Gradient background

    Glad to have been able to help, Guezela. I'm looking forward to seeing how it looks when you've uploaded it.
  5. slightlymad

    Gradient background

    Try 'fixing' the background: body { background: white url(images/gradient.jpg) repeat-x fixed; } This way the background won't scroll and the gradient will always be in view.
  6. slightlymad

    Google checkout integration

    Many thanks, Joel - I did this and it works just fine!
  7. I want to transfer my current website to a new domain, but I'm worried about breaking the Google checkout setup. I bought a shopping cart system (Host Director) and the developer integrated this with Google Checkout for me, so I have no idea how it was done. If I move the site, is it as simple as changing the API callback URL in my Google Checkout settings? Marie
  8. slightlymad

    ie6 png issue

  9. slightlymad

    why wont IE recognise my IE only stylesheet?

    I've had this problem and it turned out that the conflict of styles in the main stylesheet caused IE6 to ignore its stylesheet. Try adding the ! important declaration to your ieonly.css, like this example: #div {width: 100% ! important;} Note the space between the exclamation mark and 'important'.
  10. slightlymad

    ie6 png issue

    Thinks... Is it a 24-bit .png? I seem to remember that png-8 won't work.
  11. slightlymad

    very funny thing I found...

    Love it! I'd add another section: "Time spent explaining to the client why their umpteenth "Can you just" will not take a matter of moments, since it would entail a virtual re-design."
  12. slightlymad

    ie6 png issue

    I suspect that the reason your script worked before is because you used an image embedded in the HTML, as opposed to specifying a BACKGROUND image in the CSS. That said, I see no reason why your .PNG doesn't display in IE6, since there's no transparency in your image - it's .PING transparency that IE6 doesn't support. I don't have a solution but can I make a couple of suggestions... Remove this: background-repeat: repeat-x; repeat:y; It's not necessary as by default a background image 'tiles' horizontally and vertically. In your case, you don't want it to tile at all, so I'm thinking "background-repeat: none" is better suited. If that doesn't work, could you not save your image as a .GIF? Since it doesn't have transparency I see no reason to save it as a .PNG in the first place...
  13. Thanks for noticing me, Ben!

    My New Year's resolution is to be more active on the forum!

    It's good to see how popular it has become, thanks to all your hard work.

    This is the best web design forum on the Net, IMNSHO.

  14. slightlymad


    Hi Meschach, Coincidentally, the site that you've been helping me uses the "! important" rule. I used it to make the highlight the current page in the navigation menu. Here I've used the same style as for the hover state, but browsers refused to implement it until I added ! important because I'd already declared a style for the static links. In other words, ! important overrides existing style rules, something like this: #nav li a:link, #nav li a:visited { color: red; } #nav li a:hover { color: blue; } .current { color: blue ! important; } I then assigned the .current class to the "current" anchor: <li><a href="directions.html" class="current">Google Map</a></li> The ! important rule is also invaluable for print style sheets to override the 'screen' styles: #nav, #header, #footer { display: none; } #container, #content, #rightcol { width: 100% ! important; margin: 0 !important; } Note that there should be a space between the exclamation mark and 'important'. I hope this helps. Marie
  15. Hey Marie! How are things going? :)