Forum Replies Created
Thanks guys! : )
@CrocoDillon ahhh man, thank you so so much, you nailed it.
All the best, Dave
Hmmm interesting, thanks for the advice!
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!
While on the frameworks, I saw a great site using [skrollr](http://prinzhorn.github.com/skrollr/ “Skrollr”)
Thanks guys!January 7, 2013 at 3:22 pm in reply to: Websafe, sans-serif fonts rendering as a Standard Serif fonts #120158
Thanks everyone. @jurotek that’s a great read, really nice looking website too : )January 7, 2013 at 1:02 pm in reply to: Websafe, sans-serif fonts rendering as a Standard Serif fonts #120131
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.
DaveJanuary 7, 2013 at 12:40 pm in reply to: Websafe, sans-serif fonts rendering as a Standard Serif fonts #120119
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?
No worries, sorry it didn’t work out. I think :last is only meant for list elements, my bad.
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.
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.”
I would add this css to your current style sheet or classes in the style sheet:
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:
@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.
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.
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.’?