Allshouse: BePolite: scroll down near the end of this article – http://www.html5rocks.com/en/tutorials/masking/adobe/
Pfeffer: Ok mbm I’ll look int o that
Aronow: If i set a hover pseudocl*** and i want to check if a specific element part of that cl*** is hovered, can i check that somehow? or would i have to set an id for each element
Haeder: Oh actually nvm. i know what to do
Krogh: Hey yall i’m trying to center my form but as of right now i’m using padding … i don’t what to do that cause it’s not dead center
Guzma: How can i center this form? i am using materialize fyi https://gist.github.com/ellismarte/1a956d913a60cb57ee42
Shipman: It is already centered
Lions: EllisTAA see it yourself, I just copy/pasted on jsfiddle: http://jsfiddle.net/kxcg7n71/
Czerno: Saccucci: that’s probably bc of padding
Defusco: And it is not dead center
Gilhooley: I tried margin-left:auto and did the same for right .
Howser: Set left-right padding the same and it will be centered
Yafaie: Yeah that seems to work. is that a bad way of doing it?
Stillson: EllisTAA can you specify a width to that form?
Terres: And then set margin-left: auto; margin-right: auto;
Rippee: I used your other suggesting and that works. is it bad form?
Stoltenburg: But the form will have a fixed width
Chrystal: Yeah i want it to be responsive
Mccarthy: Test it some more on a few browsers, if it works, it works :
Ramelli: Hmm, is there a rule against mixxing overflow visible with overflow hidden? overflow-x:visible overflow-y:hidden isn’t working
Mayle: EllisTAA margin might be more appropiate than padding if you plan to style the look of it later
Medsker: Aw yeah, my vertical-center mixin is boss
Medsker: It’s centering all the things
Bio: Medsker does work fine on android browser?
Hanes: I do the transform translate -50%
Medsker: Yeah that’s probably way easier
Mohrmann: But I hate to use prefixes
Penta: And you have to with that obne
Deloy: Oddity: my chrome dev tool says the width of a th is 170px, but my screen ruler measures it at 184px. both are set at 100% zoom, and my screen ruler correctly measures my full screen width.
Wardinsky: Why might chrome render it wider than it claims it is?
Dennie: Ezakimak: got a jsfiddle for it?
Collins: Actually the ruler is closer to 190px
Sandersen: Mbm, Preferred live pastebins: http://jsfiddle.net/ • http://codepen.io/ • http://paste.asmcbain.net/ • http://www.webdevout.net/test/
Kully: Basically somewhere that shows off the problem?
Panico: Well, i highlight the th in the element browser, it highlights it in the rendered window, and shows in the popup 170px width
Barriault: But when i hover the screen ruler over it, i can *clearly* measure 190px width on the screen
Murgia: I understand your description of the problem, I want to see what it does in my browser
Pasquarello: Mbm, Always provide a link to a *live* page or pared-down testcase so we can see the problem in action. Looking at code or images alone usually isn’t very effective. Also see paste and testcase.
Caldoron: Might it be just because it’s adding horizontal space to spread out the table?
Diemoz: But then why would it still report the width property rather than the actual width as rendered?
Tarka: Until I can actually see the page in question I can’t answer any of your questions
Pezzano: Why should i only use bootstrap for prototyping and not production.?
Choinski: How can i make text align to be inside a button
Cecchinato: And if the text is too big for the button what do i do?