« first day (29 days earlier)      last day (3759 days later) » 

03:29
Hi, how do I ask a <td> to use multiple lines autoamtically? No horizontal scrollbars
 
3 hours later…
06:22
Hooooly crap my profile says my answer score for is "7k" now stackoverflow.com/users/106224/boltclock
(it's 6.5k rounded up)
 
2 hours later…
08:13
@BoltClock So you are the master of CSS ! ^^
Lol, What kind of job we need to do for being the boss in CSS ?
@MartialE Rep-whoring to become boss here :P
@NullPoiиteя I'm disappointed with that...
@MartialE i was just kidding ... check @BoltClock 's answer ... he give very good answer
so he is getting rep from it
08:24
@NullPoiиteя Aha reputation save ! i'm curious of what kind of job he doing in life ^^ developer - expert - analyst - superBoss CSS ?
(just kidding )
08:55
Sup!
user652649
09:32
morning
Hi guys
Any body know about xhtml
user2273202
09:49
Can anyone please tell me how I can make borders rounded for a div tag.
@mikedidthis borders rounded !!! AHA
-moz-border-radius:
user652649
i just received a spam email from "Chastity Hope"... they choose the wrongest possible name to convince me
@Ðeepak border-radius: 5000000px
@mikedidthis lol
09:58
@Wes expectancy gives imagination
@DaveRandom I couldn't help my self.
Him either, I guess :-P
Use Both
-webkit-border-radius: radius in px;
-moz-border-radius: radius in px;
@JellyBeans they should understand vendor prefixes :)
user652649
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
10:02
Hmm... That's more like it
what about -o- ?
Well, What is this ?
user652649
i think opera never supported that
user652649
but i might be wrong
@Wes no your correct. I was just trolling.
10:05
Yaa.... you are right
Opera and IE do not support this feature
user652649
news about the fixed header @mikedidthis ?
@JellyBeans You mean it does support this feature, it just doesn't need the prefix?
@Wes not tried since. Still working on socks. :)
user652649
LOL
user652649
you should really share this socks site with us
@Wes I am just working on a Shopify boilerplate now. :)
10:10
Leaving .... Good bye
user652649
bye
Bye :)
user652649
like the design btw
@Wes meh its ok for the product.
user652649
i like simple sites
10:13
That's all I do. :)
user652649
you're doing well, so xD
Ahh thanks, I appreciate it. :)
user2273202
10:28
@mikedidthis Thanks !! I was just trying your code .....
user2273202
@JellyBeans Thanks 2 you too
user652649
that's why i don't answer questions on stackoverflow: stackoverflow.com/questions/16811291 he accepted the wrong answer -__-
user652649
well in his specific case the correct answer might be that
user652649
anyway...
user652649
user2273202
10:37
Who ?
user2273202
Which question ..... give me the link please
@Wes aren't both answers are correct based on the ops requirements.
Saying that, your answer applies to various fonts, the other is just helvetica.
user2273202
Sometimes, I feel the same
user2273202
Okay.... You did your job... Be nice.... Everything will be fine
user652649
10:56
indeed, but that's all wrong starting with the question, that is too localized and it especially has a very bad title
user652649
but forgetaboutit
@Wes I feel your pain :)
user652649
nah. i don't give a **** actually xD
^ winning!
user652649
mikedidthis did you actually use the display:table-cell trick with the "unique flow of boxes" that i've suggested to you some days ago?
11:02
@Wes nope. Rememeber the content was dynamic, so I could never get 3 cells per row?
user652649
ah. but you could have resolved that
@Wes header / grid are for the same project. :)
@Wes if you have time show me your wisdom. :)
user652649
remember me which were your needs
user2273202
Do good and forget ....
user652649
btw i found a webkit bug ( the media query doesn't actually update the css :( )
user652649
11:07
so i was asking to you if you fell in the same problem
Welcome to webkit.
@Wes sure, give me details.
user652649
> remember me which were your needs of the grid
user652649
:P
user2273202
May i
@Wes Equal height items. each row can either have 1 or 3 cells. Needs to change via media queries.
user652649
11:09
ok. you can do that, probably... i'm testing
user2273202
Should we report to opera and IE why their browsers do not support curved borders
@Ðeepak they do. They just don't require the vendor prefix.
@Ðeepak also report them to who?
user2273202
Well.... What do you mean by vendor prefix
@Ðeepak When new features are added to browsers, they used to include in with a prefix, specific to that browser.
user2273202
I think they already know.... But it will be good to have this feature on opera
11:14
But Opera doesn't need the prefix as it can just read border-radius. Prefixes where added for browsers when new features were added but still not confirmed.
Prefixes were a fucking dumb idea, but basically it was to say, listen, border-radius isn't 100% supported in our browser at the moment, so for the time being please use -moz-border-radius.
user2273202
Hmm.... Perhaps you are right
even if you include the prefixed property, you still have to include the unprefixed property, so it is kidna silly.
user2273202
We are programmers.... We just code, we do not have everything in our hands
user652649
@mikedidthis jsbin.com/uponiz/2/edit try with firefox because as i said, on chrome doesn't work :(
@Ðeepak totally the opposite. As coders, we have everything in our hands.
2
user652649
11:21
but maybe there's a fix
user2273202
Anyway... Ttyl, nice to talk to you
user2273202
Bye
@Wes nice man! Shame about Chrome.
user652649
stupid chrome of my ass... :(
user652649
any fix seems to work
11:24
Yep, sometimes browsers are derpy.
user652649
11:49
@mikedidthis seems the only thing that forces a correct redraw of the table is removing/reappending the whole table from DOM
user652649
@mikedidthis except money, possibly
Can anyone help me figure out why :after isn't working for me
user652649
@BillyMathews link?
one second..
password is password1
so we're looking at the slider..
the images have :after to make a shadow
also, the white square in the bottom left shows controls, the black square pauses.
Also, Images in question start from 3rd slide ( they have border radius ) and I just updated css.. @Wes
@Wes, anything?
user652649
12:07
i don't see any black square. btw i don't think ::after will work with images, you should wrap them in a div
@Wes damn, thats not fun.
user652649
@MartialE not visible in chrome
@wes Ah, you're right, images don't allow ::after
@mikedidthis thanks, this helped :)
@BillyMathews no problem and HELLO!
@Wes you need click right -> Inspect element , and it's work ^^ trolololol
@mikedidthis HEY
user652649
12:14
@Wes click on the white box ;) Before you need click right -> Inspect element
user652649
i clicked it. nothing happens
Oh, I see. I think on that particular slide, it covers it up; try on another one.
actually, no it works
?
user652649
on any slide actually
It may work, but its not massively supported, so tl;dr, don't use it?
@BillyMathews works on firefox not on chrome. I need to click right -> Inspect element on chrome for see the black shadow.
12:18
@MartialE all of those errors are not to do with me.. I'm being paid to make the slider.. so I am :)
@Wes what browser?
@mikedidthis :after is supported since css2?
@BillyMathews on img elements?
@BillyMathews no problem ;)
Oh, no, it isn't supported at all for images
I'll have to find another way
18
A: Does :before not work on img tags?

coreywardThe before and after pseudo-selectors don't insert HTML elements — they insert text before or after the existing content of the targeted element. Because image elements don't contain text or have descendants, neither img:before or img:after will do you any good. This is also the case for elements...

I had the shadow as a background image, center, bottom, and padding bottom, but when I added border radius the bottom two corners of the image didn't have the radius :(
user652649
i guess there's an exception for "replaced elements" about ::after and ::before in the css spec. means that according to spec it should not work for any replaced element (means iframe, input, textarea, select, img and so on)
5 points to whoever can give me a good, CSS alternative to background and :after for a shadow :)
user652649
12:22
@BillyMathews also border-radius may not be applied to images
it will have to be a separate element I guess.
@Wes Why not? It works fine here, and always has done for me?
user652649
depends by the browser
@BillyMathews yeah border-radius on images is pretty funky tbh.
hrmmm :/
True story :)
12:24
funkeh.
So, I think I'll add the border-radius to the image itself, and carry on using background for the shadow.
Meh, I would still wrap the img element and add the styling to that.
@mikedidthis how come?
@BillyMathews border-radius on the parent element will work everywhere and well the shadow would have to be moved to the parent element as well.
user652649
bugs.webkit.org/show_bug.cgi?id=53166 @mikedidthis the bug was already known (2011 -__- )
Oh, when I said that I'll add the border-radius to the image itself, I meant not CSS
does that make a difference to what you said?
12:28
@Wes Dude tell me about it!
@BillyMathews Urm.. idk. Why not just make the radius / shadow on the image and forget the code?
user652649
the workaround works fine btw
FUCK WORKAROUNDS.
Sorry, I had coffee :D
user652649
need coffee too
user652649
user652649
COFFEE
12:34
Mmm
Don't make me want another 0.0
Seriously coffee is starting to replace water. Its so delicious.
Creamy, stimulating goodness
12:49
sometime, when you use an external library, using AJAX can be so helpful ! I mean visually and the loading of the web page is so short after ;)
user652649
13:11
in your opinion @mikedidthis mobile people prefer "to scroll a lot" or they prefer "jump-to links", or "collapsible boxes"?
@Wes all three?
It depends on the content / purpose. I like to scroll, but I like the other two options as well.
user652649
what do you mean?
user652649
mmh so you would prefer scrolling?
It depends. Say its an FAQ then jump to links would be nice or collapsible boxes.
user652649
ok, thanks
13:16
It depends on the 'text' really. If its an article about xbox, I would scroll. If its something where I am looking for a specific section, link jumps would be nice.
user652649
i'll do primary contents always open but collapsible, secondary ones collapsible default closed, jump links only for "special" sections but only if nearly the bottom of the page
user652649
seriously. msie10 works too smooth. i think it's better than any other browser right now
I can honestly believe it.
on principle, i can't use it.
user652649
on principle, principles are stupid xD
13:26
maybe, i'm to young to be sure xD
user652649
but i can understand your "on principle" hate
user652649
Internet Explorer 7.0 12.896 13,24%
user652649
13,24%
i don"t use it, because i haven't my plugins like ffx :)
@MartialE that's not 'on principle' that's preference :)
13:31
yeah maybe. we agree to say it's not a good tools for developer no ?
or i miss something ^^
As an everyday browser, its fine. As a dev tool, I am not too sure.
14:09
Internet Explorer does have dev tools, I believe.
user652649
yes and they are not that bad i guess
Also, if you're viewing what you're developing in IE, chances are it will be cross browser compatible..
Try adding a CSS property in IE. Its a horrible clicking experience
Actually, I'd rather not.
When your board, try it :)
 
1 hour later…
user652649
15:27
i was thinking to not support msie7 but i've done a research and it's still very used
@Wes urm... your sure.
I believe Google are dropping support for IE8, so I would double check
user652649
on many sites that i own, with younger audience, ie7 is about 6%
user652649
but on general audience sites it's still 14%
I don't know your stats, but that just seems odd. Unless you have 100 viewers and 14 are using IE7.
They would also have to be using XP as well, right?
@Wes on my sock site, how would you code the html?
user652649
@mikedidthis stats are about 10k users/day and yes probably they use xp
user652649
15:32
@mikedidthis what do you mean?
firefox down in the ranking :'(
Thats 1,400 using IE7?
as in semantics, what elements would you use?
user652649
@mikedidthis yes.
user652649
@mikedidthis html5 elements?
yeah, I can't work out how I should do it.
user652649
15:36
i don't understand what you're saying... do you mean that you don't know how to use html5 elements?
user652649
(nothing to be ashamed of, btw)
@Wes I mean, I was curious to how you would write the markup, as in section > header > nav > article > article > footer :)
user652649
mmh i don't think <article> fits well into <nav>, but it's probably allowed... why you would do that btw?
I wouldn't, I kinda messed up that example.
user652649
maybe <section> is more suitable than <article> in that case
15:41
<div>
    <header>
        <nav></nav>
    </header>
    <section>
    </section>
    <section>
    </section>
    <footer>
    </footer>
</div>
I'm confused
user652649
@mikedidthis is that the root section?
@Wes that's the whole site
<div>
    <header>
        <nav></nav>
    </header>
    <main>
    </main>
    <footer>
    </footer>
</div>
Das ist gut, ja?
user652649
<body>
<header>
<nav></nav>
</header>

<section>
</section>

<section>
</section>

<footer>
</footer>
</body>
user652649
right?
user652649
15:46
not necessarily you have to use <section> btw, if the box is standalone, like a post excerpt, you should use <article>
@Wes yeah, but I need a wrapping element to make the thing centered :)
@Wes thanks for helping me!
user652649
yes was just an example, you can add many divs as you want
We (html5) need a proper 'wrapper / container' elements though
user652649
um?
Maybe you don't use them then :)
user652649
15:49
i use many wrappers and containers
Ahh ok.
So we have these nice HTML5 elements, then we dump in <div class="container"/>
user652649
<body>
<div class="bodyContainer">

<div class="headerContainer">
<header>
<nav></nav>
</header>
</div>


<section>
</section>

<section>
</section>

<footer>
</footer>
</div>
</body>
user652649
well, for example i use to do that
user652649
<body>
<div>
<header>
<div>

body > div {} container
body > div > header {} header container
body > div > header > div {} actual header
user652649
instead of using class=""
15:53
Yeah that makes sense what its your site or you control it, but its a little hard if you pass it to another developer.
They stick in a div for a top banner and boom.
But I do the same as you for my own projects.
Also are you a JS programmer at heart?
user652649
mostly yes. surely better than most of "jquery programmers" xD
@Wes I only ask, because of your class names, ala camelcase :)
user652649
yes, but doesn't depend by programming. do you use to separate words with dash?
@Wes yes! :0
@Wes doesn't depend on programming, but I think you learn camelcase due to having a programming background. You seem natural at js, hence putting the two together :)
user652649
i use camel case because on mswindows doubleclicking thisExampleToken will select the whole token, instead this-example-token will select only the single word
user652649
16:01
it's useful for refactoring
user652649
got my point? xD
@Wes sure have!
Right time to call it a day, pleasure as always @Wes.
user652649
xD i like to share opinions
Yep and you do it well! :)
user652649
hopefully..
17:22
Hey... Are you there
Zzzz........zzz.....zz.........!!!!
user652649
zzz
user652649
18:08
18:26
anybody...
a question...
Ask away
:D
I use view source to check the menu
but nothing...
then I used the google element something...
I saw it is there..
<div id="dnn_ctr1149_ViewLunchMenu_ViewerPanel" Weekday="3" language="en-GB" class="LunchMenu" address="/" KitchenId="6" MenuTypeId="60" OpenInfoId KitchenInfoId Week="22" QRCodes>


</div>
This is in the view source, you can see between div it is empty
Urm.. OK. What is missing?
but actually it is quite heavy...
if you open that website, you can see the menu
and I can also see it in the chrome "element"
which should be between that div
but it actually isn't
I want to parse that website
and take the menu out
oh, btw the "menu" is a food menu, that is our university restaurant website
everyday I check the menu, I have to open a website
and now I m going to write it in a phone app, so I donät need to log in wifi and....
why the div is empty in chrome "view source"?
Just looking....
18:34
in the element you can use search - breast of chicken
and in the view source you can use search - dnn_ctr1149_ViewLunchMenu
Menu sounds delicious btw.
that is how it SOUNDS
I think that it maybe missing in the source as the menu itself is created with javascript: juvenes.fi/DesktopModules/Talents.LunchMenu/js/LunchMenu.js
well so, how can I get the menu by parsing the html or xml ?
do you think some function would return the "non missing" version or the "missing" version?
I am not 100% sure.
18:40
I really need this app, our university is too big, and all the rests are at the boarder...
From what I understand, you won't be able to parse the html for the info.
You maybe albe to call the javascript though, with parameters to get the details.
:( then how could I get the menu, any idea
:) hah?
Does this meaning anything to you: juvenes.fi/tabid/598/moduleid/1149/RSS.aspx
:D
yes
I m going to have shower, come back in 30 mins <3 thanks!
enjoy!
So when you return, you can parse the RSS feed, each item is a 'day', oldest at the bottom, I believe each meal is wrapped in a strong tag :)
18:48
Hi...can anyone clue me into how I can define a selector range?

I need to define a range of 30+ selectors that all start with .title. .title01 through .title30

Each title class has some different stylings, but they all share a common font-family and font-size.
I am looking for something like .title[01-30] {style attributes}
<div class="title" id="01" />
Or is the html already defined?
defined...and I don't want to have 10000 different IDs and classes....I am just trying to find a way to define a range in the CSS
You wouldn't. You would have one class, and each element would have a unique id.
if I go about defining IDs all over the place, on this site, with over 10,000 different things that get styled differently, it will become a nightmare to manage
If your styling by id, your kinda doing it wrong in the first place. But nevermind, you need a partial selector.
18:53
generally speaking, using less, I should be able to define a variable
Urm, kinda, but that's backwards.
well, I am not styling by ID, but would sort of need to if I can't get a partial selector in place
Though this is CSS3 only.
The fallback is to write all 10,000 class selectors.
.title* {
	.title {
		font-family: @titleFontFamily;
		letter-spacing: .1rem;
	}
}
Which as I mentioned, is silly. The whole point of a class is its one selector to style many elements.
Seriously, you have a class named .title*?
18:56
No, I don't
That's a placeholder until I find the proper syntax
So you do have a class named .title*
The reason there are .title[01-30] classes, and then subelements that get a .title class
No, I do not have a .title* class
But you do. Anyway, I don't want to argue with you.
I just put that there will I search for the right syntax
I presume the element with class .title01, .title02 have the exact same style, or 99%.
18:59
I am looking to replace the .title* with the appropriate syntax to make it variable

« first day (29 days earlier)      last day (3759 days later) »