treehouse : what would you like to learn today?
Web Design Web Development iOS Development

doobie

  • [Solved] Link Colors

    :link, :visited, :hover, :active = LoVe, HAte http://css-tricks.com/snippets/css/link-pseudo-classes-in-order/
    Comment by doobie April 2010 permalink
  • IE top: position not working!

    Expo, Try setting the positioning context for the social media links. That way you can absolutely position the icons within that context: ul#top_nav li { position: relative; } #social_media... { top: -15px; // or whatever } Looks like you might…
    Comment by doobie April 2010 permalink
  • javascript validation

    Matt, I'd recommend that you use the jQuery Validation Plugin: http://docs.jquery.com/Plugins/Validation It's super simple to implement, and very effective. Are you doing any server side validation, as well? It's always a good ide…
    Comment by doobie April 2010 permalink
  • user position markers on image and send

    Paul, You might be able to find something in the jQuery UI http://jqueryui.com/. Not exactly sure what it would look like, though... -Jacob
    Comment by doobie April 2010 permalink
  • Cufon Problem

    Could you post a link to an example of this. Really hard to figure out what is going on, otherwise. Thanks, Jacob
    Comment by doobie April 2010 permalink
  • IE top: position not working!

    is it possible to post a link to the page? FireBug is my best friend ;-) -Jacob
    Comment by doobie April 2010 permalink
  • Alternative to "text-indent:-9999px"?

    Correct me if I'm wrong, but another way to achieve that problem with the hover states when text is indented (hidden) is to set the height and width of the replaced image. Otherwise, it takes a height of 1px x 1px ( or is it 0x0?). -Jacob
    Comment by doobie April 2010 permalink
  • height:100% doesn't work?

    "threedash" said:doobie, your method does work, but it shows up very weird on my dreamweaver design mode. I'm not surprised. Dreamweaver is notorious for botching pretty much everything I do... Just remember, it's not a brows…
    Comment by doobie April 2010 permalink
  • height:100% doesn't work?

    "threedash" said: negative margins to move the picture of myself into frame so this is effecting the "overflow:hidden" because it cuts off the picture. Right, sorry about the last post. the clearfix method should still work, t…
    Comment by doobie April 2010 permalink
  • height:100% doesn't work?

    gotcha. Sorry I missed that. You'll need to clear the float for the containing div. Many ways to do it. One way would be to set overflow: hidden; on the #midContent div. Or, you could try this: http://css-tricks.com/snippets/css/clear-fix/…
    Comment by doobie April 2010 permalink
  • Cross Browser Issue

    Nick, Try making the paths to the image files absolute instead of relative. Instead of /images/logo.png, make it point to the actual place that it lives (e.g. http://swensondesigns.com/wp-content/images/logo.png). Not sure where it lives on you…
    Comment by doobie April 2010 permalink
  • IE8 floats to the right

    at first blush, it appears that the nav bounces to the right because of the notorious double padding + float bug. -Jacob
    Comment by doobie April 2010 permalink
  • Problem with rounded corners on image

    http://maxvoltar.com/archive/rounded-corners-on-images-css-only?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+maxvoltar+%28maxvoltar%29&utm_content=Google+Reader This should fix you up. -J
    Comment by doobie April 2010 permalink
  • Sticky footer missing with full page background image.

    set the footer's position to relative.
    Comment by doobie April 2010 permalink
  • height:100% doesn't work?

    I wish I could figure out what you were talking about. Could you show some code to explain what you're seeing/not seeing? Do you want the footer background to span across the entire width of the page? -J
    Comment by doobie April 2010 permalink
  • Fade-in Gradient Body Border_stops working :(

    instead of this: $(function(){ $(\".home\").hover(function(){ $(\".edge\").stop().fadeIn(); }, function() { $(\".edge\").stop().fadeOut(); }); }); you could try this: $(function(){ $(\".home\").hover(fun…
    Comment by doobie April 2010 permalink
  • Cross Domain iFrame Resizing Issue

    One last comment on the internal iframe page navigation: When a link is clicked, another string is added to the url. So, instead of: http://tbe.taleo.net/NA12/ats/careers/s ... nFrame=yes, it is pointing to: http://tbe.taleo.net/NA12/ats/careers/s…
    Comment by doobie April 2010 permalink
  • Cross Domain iFrame Resizing Issue

    I've made a bunch of progress on this over night. What I've found: the iframe url is: http://tbe.taleo.net/NA12/ats/careers/s ... nFrame=yes The ?org=... seems to be confusing this url hash parsing method, which puts a kybosh on the i…
    Comment by doobie April 2010 permalink
  • attribute selector as variable not working

    Here's what I ended up doing. Seems to work well enough. Thanks for the reply, Al. Cheers, J jQuery(\".recipeThumb a\").hover(function() { var myHref = jQuery(this).attr(\"href\"); var myLink = jQuery(\".recip…
    Comment by doobie December 2009 permalink
  • Remote Linking Images from WP Custom Fields

    Here's what was figured out (with a bit of help): $(\"#contactImage li img\").css('opacity', '0.0'); $(\"#contactImage li img:eq(2)\").css('opacity', '1.0'); $(\"#contactThumb li…
    Comment by doobie December 2009 permalink
  • Remote Linking Images from WP Custom Fields

    Here's the generated HTML: and the css: div#contactWrapper { margin: -5px auto 0; width: 340px; position: relative; } div#contactImage { position:relative; width: 300px; height: 400px; …
    Comment by doobie December 2009 permalink
  • Sticky Footer and Dynamic Sidebar Confusion

    Thanks Mr Kitt3n. I'll try that. Would that be at the end of the sidebar div? I'll double check, but I'm pretty sure I've got a clear:both just before the opening footer div. I'll post back after I check. Thanks, Doobie
    Comment by doobie June 2009 permalink
  • sifr3 - cross browser functionality

    "apostrophe" said:I can't quite work out your directory structure but I'm pretty sure it's an paths issue. EDIT. It is definitely the path to the swf in sifr-config.js that's causing your problem. 'flash/frscript…
    Comment by doobie May 2009 permalink
  • sifr3 - cross browser functionality

    "doobie" said:I'm also not sure how I screwed it all up this time. The sIFR works on the homepage, but none of the other pages ;-(. -Doobie I still can't figure this one out. Anybody? http://shipkifarm.com/dev Thanks, Doobie
    Comment by doobie May 2009 permalink
  • sifr3 - cross browser functionality

    That's funny. I tried to add ever unit imaginable... I'm pretty sure I even read through that doc at one point. Thanks for pointing out what should have been obvious. -Doobie
    Comment by doobie May 2009 permalink
  • sifr3 - cross browser functionality

    I'm also not sure how I screwed it all up this time. The sIFR works on the homepage, but none of the other pages ;-(. -Doobie
    Comment by doobie May 2009 permalink
  • sifr3 - cross browser functionality

    That worked beautifully. Any idea how I can set letter-spacing on the sIFR text? I've tried applying the letter-spacing property to a few different id's and class's, but no luck. Thanks for your help! -Doobie
    Comment by doobie May 2009 permalink
  • ul border-bottom problem in IE

    I remember why I did the line-height now. I wanted the text in the buttom to be centered vertically as well as horizontally.
    Comment by doobie May 2009 permalink
  • ul border-bottom problem in IE

    Ashton, Thanks for your help! I must have copied the CSS wrong (again) because the height was only declared once for that element. BUT, changing the padding to height for the element did the trick! I also did away with the line-height... Th…
    Comment by doobie May 2009 permalink
  • ul border-bottom problem in IE

    Oh, and here's the CSS in a better format: #nav ul { padding: 0 0 36px; margin-left: 25px; border-bottom: 1px solid black; width: 422px;} #nav li { float:left; margin-right: 3px; text-align: center; font…
    Comment by doobie May 2009 permalink