Jump to content

PicnicTutorials

Advanced Member
  • Posts

    1,108
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by PicnicTutorials

  1. Here is another one you might feel more comfortable using - it's a little easier to understand.

     

    
    
    { visibility: inherit; } 2 Equal Columns
    <br />* {<br />margin:0;<br />padding:0;<br />}<br />body {<br />background:#ccc;<br />text-align:center;<br />}<br />#wrap {<br />width:900px;<br />margin:0 auto;<br />background:#999;<br />overflow:hidden;<br />}<br />#left {<br />float:left;<br />width:50%;<br />background:#999;<br />}<br />#right {<br />float:left;<br />width:50%;<br />background:#777;<br />}<br />p {<br />padding:10px;<br />}<br />
    
    
    
    
    yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
    yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
    
    
    yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
    yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
    yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
    
    
    
    

  2. thanks! makes me feel a bit better.

     

    question: what that bit of code do? tried looking it up on google but i couldnt get a clear explanation.

     

    * html #left {

    margin-right:-3px;

    }

    * html #right {

    height:1%;

    }

     

    I'm having a bit of fun with this right now actually. Currently, I'm working on my 6th way to achieve 50% equalizing columns. Uhm let's see...

     

    Both target ie6. the margin-right:-3px takes care a 3px job bug that only appears when a static box is next to a floated box. And the 1% height gives "haslayout" to ie6. Otherwise the text flows to 100% of the parent container (in this case the body). And ie6 treats height as min-height, so it will always expand to allow whatever sized content. Both are completely safe.

  3. I just goggled for about 20 minutes and all I could find were JS solutions. Apparently most were saying it's the only way. Here is one - there were a few others I came across as well. http://www.urbanpuddle.com/articles/2007/06/21/quick-tip-submit-two-forms-w-one-button Hope that helps :)

     

    Here is another (3rd post) http://www.phpbuilder.com/board/showthread.php?t=10351103

  4. 2 columns

    * {

    margin:0;

    padding:0

    }

    body {

    width:900px;

    margin:0 auto;

    }

    #left {

    float:left;

    width:50%;

    padding-bottom:5px;

    background:red;

    }

    #right {

    overflow:auto;

    background:blue;

    padding-bottom:5px;

    }

    * html #left {

    margin-right:-3px;

    }

    * html #right {

    height:1%;

    }

     

    test

     

  5. Yeah, he doesn't mind paying a few for the monthly charge. :) I just watched the whole 29min video on foxycart and it seems comparatively very easy to setup. So for now I'll just focus on that one I guess. What's his name - Chris? Over at CSS-Tricks says he's worked with them all, like Pinnacle cart, etc, and he says foxy is the best. So maybe I should just take his word for it and leave it at that...

  6. When it comes to inheritance, form elements are hell to deal with. Therefore, eliminate the problem from the get-go!

     

    Be more specific with your original input rule. Either just target it with a class instead or if they are on dif pages just say #home input.

     

    I had to deal with this same problem recently. I originally just said as you did - input: yada yada. Well I eventually got to the point were I couldn't reverse all the rules. So instead, I went back and targeted the original input rules better.

  7. Yes, obviously if I was looking at a site in FX I would just use firebug. But this is very useful for editing sites live in IE (and etc). Try it, you can edit the html, everything! It's a pretty powerful tool.

  8. Man, I hope Bill doesn't come and move me...

     

    Check out this thing. It's amazing. Yet another thing I found in that 130+ tools page I linked to earlier. Now I/you can edit code live in IE. Or in any browser for that matter! http://www.cssfly.net/

  9. Mines always the content. Which I think is worse. Then, google brings them up instead, often leaving me out entirely. A page here a page there - I don't "much" mind. I get crazy on them though when they copy and paste all 40 plus pages. It's happened to me about 5 times so far. Although, I believe my new stern copyright notice is discouraging some.

     

    If you contact them though and give them an "or else" altamatum they will most likely remove it. Always worked for me. Actually, I have yet to have to resort to such extremes. So far, I just politely ask and it's gone. Did they take all the images too? Same color?

  10. OK, try this instead:

     

    I moved the right div up in the code, so there is no longer any need for the position: relative and changing of the top value. Also, I added text-align:center to the wrapper div, to compensate for the margin: 0 auto; It worked for me in Firefox and IE, though I didn't actually plug it into your website, so you'll need to check that.

     

    
    
    left
    
    right
    
    center
    
    

     

    I didn't even see that you had the solution before I worked on it. Same thing I did - works in all!

  11. Sure, the float (h1) needs to be above the img in the html. vertical-align: bottom was for ie6 otherwise it has a small space below the image. This is because an image is an inline element and therfore, by default, it's allowing room for things such as the tail of a "p". You can also fix that by giving the image display block, or the banner overflow hidden, or font-size 0.

     

    There are many ways to do what you wanted. Just use whatever you understand better.

  12. Floats and all that stuff are tricky sometimes. I cleaned up the html (only in the banner area), got rid of the corresponding css, and added some css. Works in all...

     

     

    Kats Family Hair Care

     

     

     

     

    Some text here. vmwo9ovj ms.kfe qmvoe

     

     

     

  13. You want to get it perfect - right? It does do a rather large jump. I too see what you referring to.

     

    Edit - I just messed with all my different expressions I have, and I couldn't do any better than your current setup. So it looks like it's as good as your going to get it in IE6. Which isn't bad.

×
×
  • Create New...