grimski
-
Controlling when CSS animations/transitions run
Thats strange! Wonder why some can see it and others can't?! Yeah @CrocoDillon I wasn't too concerned about it, was just interested if its an issue thats known & can be solved! To be honest I might take the whole fade off, its not nece…
-
Controlling when CSS animations/transitions run
Hmm I could of sworn all the animations ran when the page loaded ...maybe not? One thing I definitely get though is the green nav bar flickering/stuttering on resize when it becomes fixed at the top of the browser? Thats on a Mac in Chrome, also se…
-
Padding around images
Hi there, is this not just caused because there is 18px padding on the element .block-inner? And then 10px on it in another media query?
-
Long option element in Select breaks (pushes out) layout on mobile
Bizarrely or not... I think I've fixed this. First, I added a fixed pixel width onto the select with !important and that seemed to stop the horizontal scroll I was having. But I would prefer a bit more flexibility with a percentage width if po…
-
Long option element in Select breaks (pushes out) layout on mobile
Thanks for the replies... @AndyHowells I have a width on the select and it still does it. I tried a width on the option but it didn't seem to do anything. I'll give it another whirl. @TylerNYC Really? I'm looking on an iphone in Saf…
-
Long option element in Select breaks (pushes out) layout on mobile
@howlermiller It is, I've tried block and inline-block on the select and it doesn't seem to change anything :/ @Paulie_D I've uploaded the template to here: http://moymadethis.co.uk/temp/8-checkout.html It displays fine in a resized…
-
Mobile Safari (iphone) issue with position: fixed - content running over the top?
Doh! I think I let the fact it was only happening on mobile get in the way of commonsense. You were right the div that surrounded the fixed element had a relative position set. Removing this sorted the problem - thanks a lot @Eric! :)
-
Mobile Safari (iphone) issue with position: fixed - content running over the top?
I thought that'd be the case @Eric I think position:absolute is a reasonable solution and not a 'cop out'. Thanks for the links @dfogge, I can't find my issue mentioned anywhere but there certainly seems to be lots of little bu…
-
Fade or slide div (nav) into view
Thanks great @ChrisP! Yeah I didn't literally mean on load, just the impression the animations gives - should of worded it better! Makes sense, all of this has given me a good base for playing around with animations/transitions in the future I…
-
How to fix selection issue in Chrome?
Looks like the glow you get on textfields/textareas. Try adding 'outline: none;' to your '.ui-accordion-header' Hopefully that'll do the trick?
-
Fade or slide div (nav) into view
Doh! I tried declaring the same animation in each style sheet (style.css, 480.css, 600.css, 768.css and 980.css) thinking it would just run again each time a new stylesheet was meet/loaded. But adding: #nav-main { -webkit-animation: none; /* Safa…
-
Fade or slide div (nav) into view
Thats great, thanks! Like I say I mightn't use this but I'm just trying to get familiar with what I can do with css transform and animation as I've not really used them yet. A question, at the minute I have: @keyframes nav-main-fad…
-
Fade or slide div (nav) into view
Thanks for your help. I agree, I don't think its something I'd really use. Thought something I might include just as a silly little 'extra'. I don't know a whole lot of CSS animates or transitions so I'm just trying to …
-
box-sizing: border-box;
Do you have border-box set on that also? If so, any padding that is declared for the element it will include it in its overall width. You could try setting box-sizing: content-box; to use the default and see if that fixes it?
-
Select options & tables break mobile layout?
I've totally hit a wall on these two issues. Has anyone come across the same problems or know of any solutions? Really not sure how to resolve this & would really appreciate some help :)
-
Select options & tables break mobile layout?
You can see an example of the table breaking issue here: http://www.oca-uk.com/subjects/fine-art/drawing-skills-course.html For the select you'll need to click 'enrol this course' then click 'Go to checkout' on the basket. …
-
Button element with span inside vertical padding issue (ie7)
Hi Ketan, thanks a lot for you reply! I think the problem with that would be that the background image on .btn is transparent. So applying the background colour of the span onto .btn would display the colour red, behind the image (which is a shadow…
-
Slideshow/Carousel mark up (responsive)
Thanks a lot, couldn't see that for some reason the other day! Would javascript be necessary to position the top value of the links and text? As if the image scaled when the browser is resized, its height would change? Guess another way would…
-
Slideshow/Carousel mark up (responsive)
Anyone have any ideas on the CSS for this when scaling? I guess it'd all have to be absolute, not sure how to set the 'top' values etc when it scales, might it need some javascript to work out the values and set them?
-
Slideshow/Carousel mark up (responsive)
Hi Claudio, Thanks for your reply - that seems like a good solution for the mark up to me. I can't see your CSS/Javascript on jsFiddle though? That was my next question too, about how the elements are positioned & how they might react whe…
-
Slideshow/Carousel mark up (responsive)
Hi & Thanks! Yeah its a tricky one, I think thats what I'm going to have to end up doing because of time. Its an interesting topic though so it would be good if people would join the discussion. What to do with slideshows when scaled down…