Forums

Give help. Get help.

sheepysheep60


Forum Replies Created

Viewing 15 posts - 1 through 15 (of 46 total)
  • # May 17, 2013 at 7:36 am

    Thanks guys! : )

    # April 8, 2013 at 6:42 pm

    @CrocoDillon ahhh man, thank you so so much, you nailed it.

    All the best, Dave

    # March 11, 2013 at 6:12 am

    Hmmm interesting, thanks for the advice!

    # March 8, 2013 at 6:15 am

    Just as a follow up: Make sure to keep the aspect ratio intact by specifying width and height in the iFrame, I hadn’t done this originally, which I think was what was ruining the whole effect!

    in reply to: parallox scrool
    # February 18, 2013 at 1:51 pm

    While on the frameworks, I saw a great site using [skrollr](http://prinzhorn.github.com/skrollr/ “Skrollr”)

    # January 23, 2013 at 6:44 pm

    Thanks guys!

    # January 7, 2013 at 3:22 pm

    Thanks everyone. @jurotek that’s a great read, really nice looking website too : )

    # January 7, 2013 at 1:02 pm

    Looking good!

    Either, @neerukool helvetica fixed it, or @jurotek moving the universal declaration to the body tag did, either way thank you all. I still am not entirely sure why a Mac with Chrome and Firefox wasn’t displaying a websafe font, but oh well!

    Thank you all very much, its really appreciated.

    Dave

    # January 7, 2013 at 12:40 pm

    Thanks @ChrisP for checking, I’m sure something is up with their operating system.

    Can anyone else shed any light on this/do you get any other results?

    # November 1, 2012 at 6:33 am

    No worries, sorry it didn’t work out. I think :last is only meant for list elements, my bad.

    .socialize-buttons {
    position: absolute;
    top: 56px;
    }

    .socialize-button {
    position: relative;
    float: left;
    width: 100px;
    }

    .socialize-containter {
    position: relative;
    }

    Try the above, so this time we position the socialize buttons absolutely – under the text – then we give the individual buttons widths and use float to make them sit next to each other.

    # October 31, 2012 at 1:38 pm

    By giving the surrounding div a position of relative, it will let you place the other elements freely inside it – if they have position: **absolute**. The next bit just says place them 50px from the top, then that last bit just says “of the two you just placed, place the last one of them 100px from the left hand edge.”

    # October 31, 2012 at 1:37 pm

    I would add this css to your current style sheet or classes in the style sheet:

    .socialize-buttons{
    position:relative;
    }

    .socialize-button{
    position: absolute;
    top: 50px;
    }

    that will line up both the buttons but they will be on top of each other. To move one of them to the right a bit, I’d add another bit of css like:

    .socialize-button:last{
    left: 100px;
    }

    in reply to: Dynamic width
    # July 23, 2012 at 5:20 pm

    @jeager hey buddy – sorry, you aren’t confused, I am. You nailed it as well – its exactly what I was after – thanks so much! And so, so sorry for overlooking it in my initial response.

    Your whole example is awesome, but the white-space:nowrap; is the thing I was after. I’ve never had to use something like it before, didn’t even know it existed!

    Sorry it took so long before I replied, I tend to just get a problem, ask a question, fix it with something as fast as possible then forget a little about the forum! Thanks again.

    @joshuanhibbert good call as well! Pro.

    in reply to: Dynamic width
    # July 13, 2012 at 3:27 pm

    Wo, awesome – thanks for the responses. Think I will have to go for just some jQuery and go back to basics, but really impressed, especially with @kgscott284, nailed it completely. Maybe not possible yet, especially for my ancient audience, but really interesting to see. Thanks.

    in reply to: Dynamic width
    # July 11, 2012 at 1:32 pm

    So to backtrack,

    “In CSS is there a way to keep width always wide enough to keep its child elements?”

    We’re going with ‘no, there is not.’?

Viewing 15 posts - 1 through 15 (of 46 total)
icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag