Leedom: Say i’m on /contact/

Saragosa: I want all anchors to /contacts/ to be underlined

Kander: Add an id to the body on /contact/

Trilling: Is this possible without javascript?

Kotrba: And target the id then selector?

Scarpato: You can target elements based on href attribute

Morua: Hlvwrk: in this case i can’t easily add an id to each and every page

Swartzfager: Scarpato that won’t look for the page you’re on. it’ll just style hrefs with that url ;p

Heiler: Eightfold, than your only other option is js.

Townsell: Hlvwrk: easily achievable without jquery?

Reial: I have been fooling around with templates so much lately, I have honestly forgot a lot of fundamentals of css. Forgive my silly questions but. on this page: http://dev.hendricksweb.com/other/backtobasics/test.html why is my container element displaying the way it is in dev tools with no height, and backgrond not showing, etc

Lendt: Don’t want those extra kb

Searing: Jquery is tiny. but it’s not hard to do with JS.

Shimp: Or if you have PHP on the server.

Hershkop: Just do something like: body id=”page-?= basename$_SERVER’PHP_SELF’, “.php”?”

Pacius: Which will dynamically add an id to the body on all pages. with the filename without extension

Reial: You can do this with js though

Reial: Or i guess in vanila js http://hastebin.com/oluvotaxor.coffee

Reial: Can someone answer my stupid css question?

Kennie: Let’s keep the js chat in a relevant channel

Scarpato: Reial: because .one-third is floated

Scarpato: Therefore the parent has no height

Callahan: That’s jQuery Reial ;p

Godlove: Reial, Contain floats: http://web.archive.org/web/20150317133516/http://colinaarts.com/articles/float-containment/ :: http://www.quirksmode.org/css/clearing.html

Braseth: How can I cycle images on hover? what I mean is this, but css only http://codepen.io/rimager/pen/vAHgd

Reial: Hlvwrk, i showed a vanilla js exampl too that should give the same result

Tooley: Reial: why is style in body?

Borrigo: Is that possible to do css only?

Reial: Becaues its just a bull**** page

Falasco: Oh yeah, you need to clear your floats

Reial: Ive spent the last 3 months doing nothing but backend design and ive honestly went retarded with css

Kea: Clear your floats so your container gets some height

Daubendiek: Zagaza, here is a fiddle if I p****d well what you wanted : http://jsfiddle.net/h1fymgqh/1/

Murany: Daubendiek: I like the flash there, but how would you stack them into one piece, and make them flash cycle when hovering another element? say a link element or something

Macauley: Reial, Resources to help you get started: http://hashcss.com/schools/

Reial: Haha i hope to think I dont need that, I just need my brain jump started again

Daubendiek: Zagaza, give me a few mins.

Joss: Reial: the float is “outside” of .container, and .container has no height, so is really just a flat-line per se, thus you can’t see the background-color set, and its children, the float, is not providing any height either, because is “bleeding out” from it

Kirchhoff: Reial: http://nicolasgallagher.com/micro-clearfix-hack/

Belsheim: Reial: you could just set overflow: auto; on .container, to contain the floated children

Reial: Is this pretty tpyical?

Reial: Generally arent container elements not floated

Reial: Well, the site wrappers

Highberger: Eightfold: there’s no css solution for what you’re after btw, though easily done with js, or server sided

Reial: Because they are centered?

Kennie: Reial: please just read the ‘contain floats’ articles I gave you just before

Fissori: Argrow: got picture of what you’re after? floats aren’t a panacea, neither is flexbox