Hadwin: Particularly the styling of the footer.
Riston: Pod sorry fell asleep last night, awesome work though!
Riston: Hi guys, is there any selector for every incremented child?
Fralix: What do you mean by every incremented child
Riston: Say I have div imgimgimg /div
Riston: I want to be able to select all 3 images seperately
Riston: Don’t know how to explain it well but. I want to be able to edit img1, img2 and img3 without having to add cl***es to them
Vandergraph: Hi guys https://jsfiddle.net/4dh9f5j6/ , how can i make the circle and the text inline perfectly? like vertical-align middle on text
Riston: I guess I could do div img + img + img for the third one, but there must be a better way right?
Bonventre: Https://jsfiddle.net/Seinnd/4dh9f5j6/1/ axscode
Pod: Riston, img:nth-child3 {}
Pod: Riston, http://jsfiddle.net/ae9uhc1f/4/
Releford: Hello, could you please help me design a page that looks like this
Hodos: Http://imgur.com/QevKGnG
Stephan: Dv***: We’re not going to design for you. We can point you to resources to learn, or help if you’ve got some of the way and are stuck
Huckleberry: Managed to make them big and stuff
Amparan: But I don’t know how to space them
Cangialosi: What’s the best approach
Vanorsdol: I doubt lots of margins is the way to go
Boglioli: Have a link to your progress?
Jannusch: Particularly if I want to make it responsive
Yearby: Http://hastebin.com/inasinobuk.css
Gruening: FYI, the top one isn’t age anymore it’s a selector
Traub: I have adapted Bootstrap’s CSS
Mccormik: I meant a link to the webpage which uses your CSS
Olona: I’d use margins to create the spacing between the elements
Liberati: Really? I thought that would be a hacky way
Ondersma: Margins are a key part of layout, not a hack
Escoe: The gaps between paragraphs and headings are all done with margins for example
Maffitt: How could I center it though
Grundhoefer: So I want to have the whole form in the middle of the page vertically and horizontally
Hayburn: Place a div around your form, and use margin-left: auto and margin-right: auto on the div
Krois: So that makes it centered horizontally?
Muenzenberger: What about vertically? Would using a section be okay or div
Kellon: Using section shouldn’t make a difference
Cloutier: Vertically is more tricky, see http://howtocenterincss.com/
Tomaszycki: IceBot3000: Didn’t work
Debey: I set center to vertical and horizontal
Loosen: Copied it over but nup
Lapham: IceBot3000: Didn’t actually center it
Ludlam: Please make a jsfiddle or self-contained example
Kibbler: Https://jsfiddle.net/m2jjmv9h/
Hervey: Https://jsfiddle.net/m2jjmv9h/#&togetherjs=Ity7upihDG
Dolph: IceBot3000: that has collab
Ferranti: Hi, i have a slider that doesn’t display the slides in mobile, i’m using firebug and chrome dev tools to try to figure out what’s causing the issue but i can’t finda anything, could anyone tell me some tips as to where to look?
Thul: Hi guys.i’m notice a pattern where the home pages usually start that with using a body that uses full width, then a content box with a smaller spec width e.g 960px that is centralized
Meisels: Is this like some design safe rule?
Favorite: Sl33k: its mostly a holdover from when most screens were 1024px wide
Heitbrink: Favorite: i’m really new with these things and want a list of common good web design/layout tricks I can learn from. Backend dev taking interest in front end works
Michel: Hemley: not obvious by looking or i dont know how too
Winkler: Sl33k: That’s for scaling on mobiles and stuff, dev tools is something you’ll just get used to as you use it more, in this case you find the element that fills up the first section and in styles you’ll see height: 100vh. vh being one of the viewport units
Gonzalas: Toudle: if there is some tutorial of sort or a term to help me google. the effect to be sure we are talking of same thing i am talking about: is scrolling through a single web page appearing like its multiple pages scroling off
Staehler: Dv***, https://jsfiddle.net/m2jjmv9h/1/ i modified html,body,.first-section
Bielinski: Sl33k: Hmm if there is a specific name I’ve forgotten it, but viewport height vh is pretty much the thing you need for them
Taglieri: Dv***, do you want this? : https://jsfiddle.net/m2jjmv9h/3/
Seeger: Hi guys, i have video with background color #459cd6, and my container has the same color as background, so when i autoplay video it looks like it blends within the page. And everything is fine in Chrome and Firefox, but Safari somehow renders that color code differently, not sure how to fix this?
Hirose: Bogh the RGB-colorspace used in the video is just not the same as used by Safari. To fix this you have to use different videos with the correct color-space for each browser.
Vandriel: Https://jsbin.com/yerefunowe/edit?html,css,output why if I hover over the first li item pick up shopping the “Mark as done” button’s opacity changes to 1. I mean this button is taking up the whole width, even tho it’s background isn’t all over the line
Lewi: I made a fixed div, works as my header. so when I scroll down a list it stays in the top. it has a textbox and a search button. now on IOS, when I click the textbox and it becomes editable. suddenly the position isn’t fixed anymore. and it dissapears as I scroll past it. anyone got a fix for this?
Ruether: To shift element box down a page, is margins the common go to trick?
Sadhu: Sl33k: That’s position absolutely
Yoeckel: Newbie question i’d like to display a text but when it exceeds a certain limit to display the remaining text that progressively disapear, some nice person from #javascript recommends the usage of text-overflow: ellipsis or overflow:hidden but they do not really achieve what i need