MBM
-
Clicking Thumbnails Causes Page to 'Jump Up'
I've played around with some of the code suggested but am not sure what it's supposed to do, will it stop the jump problem? @unasAquila Yes fixed position works but is there a way to make the margins automatically centre because while at …
-
Clicking Thumbnails Causes Page to 'Jump Up'
There's no javascript! It's pure css. I adapted code from a tutorial I found : http://basicuse.net/articles/pl/textile/html_css/how_to_create_a_simple_css_gallery_without_using_javascript @wolfcry911 showed me a cleaner way here : http:…
-
Clicking Thumbnails Causes Page to 'Jump Up'
Thanks for the explanation. Is there a way to adapt the code to stop using anchors?
-
Clicking Thumbnails Causes Page to 'Jump Up'
Yes but it's not supposed to scroll! There is enough space on the page for the larger image to be displayed without scrolling the page up, it's using the same window, the same container, the same size. You will not notice this if you'…
-
Clicking Thumbnails Causes Page to 'Jump Up'
Sorry I should have included the html : The css from gallery onwards in my first post is the css for the gallery/thumbnails. If the large images and…
-
Border Adds Padding At Bottom of Images
Fixed. One of the images was causing a conflict so I placed it inside the footer.
-
Website feedback
I think you should change the colour of the slider buttons and maybe use a background with opacity for the image captions. The image on this page looks awful. You should be able to find a better one : http://ilas.ro/servicii
-
Border Adds Padding At Bottom of Images
Thanks but the reason for the absolute positioning was because I couldn't get the images to align with the slider. If I increase the right margin below just one pixel the second image drops to the next line. figure { left:40px; float: le…
-
How To Add Links When Using Figure Class
Thanks. That failed validation but this works : The green and pleasant lands of the Shire in Eriador - just West of the Brandywine River and East of the Far Downs.
-
Border Adds Padding At Bottom of Images
@wolfcry911 I have divs to align captions and images. I have added Chris' slide in captions and cannot get the images to align without the divs : The green and pleasant lands of the Shire in Eriador - just West of the Brandywine…
-
Border Adds Padding At Bottom of Images
@wolfcry911 Thanks. It worked : .imgrow1 img { display: block;} .imgrow2 img { display: block;} and why two different classes with the same exact styling? imgrow2 has different padding. I couldn't get it to align correctly with one…
-
Border Adds Padding At Bottom of Images
@wolfcry911 div.row1 {margin-left:290px;} div.row2 {margin-left:290px;} .imgrow1 { font-size: 16px; float: left; color: #ffffff; margin:10px 10px 10px 10px; border:1px solid #333333; display:block; } .imgrow2 { font-size: …
-
Responsive Web Design AFTER Desktop Site Created?
@contentJones PS - You might be better off using an ecommerce platform like shopify.com, using one of their mobile templates. ecommerce is extremely hard to design for mobile. I've been looking for an alternative to free platforms like pre…
-
Container Whitespace Issue
@Justin_G That did the trick! Thanks. @CrocoDillon That's what I did!
-
Container Whitespace Issue
@Paulie_D I want it to look like this : @CrocoDillon with height in #navigation set to auto;
-
Image With PayPal Button Float Issue
Yes the problem is the table but it's PayPal generated code so I can't edit it. I've removed a border tag for validation purposes but don't want to mess about with the table code. After a lot of fiddling about I have got it worki…
-
Correct Way To Add a Bottom Border Between Nav Items?
Perfect! Made a couple of adjustments : #navigation li:nth-child(7):after { content: ""; display: block; margin-top:20px; width:200px; border-top:1px solid #000000; } Live here : http://mbmitservices.co.uk/pcommerce/index.…
-
Firefox Box Shadow Underflow
Absolutely bloody awesome! Thank you so much. This has been bugging me for months! I've added the css from that page to my stylesheet. Then : Without going into too much detail why is this an issue with browsers other than chrome?
-
Slider Transitions Only Work if CSS is Applied In-Line
One final issue with the script is that on an actual mobile device (i.e. not resizing a browser window on a PC) the thumbnails do not change the main slider image and that goes for the original code from the codeplayer link. Any idea why?
-
Slider Transitions Only Work if CSS is Applied In-Line
That wasn't mentioned in the tutorial! Thanks working now : .slider>img{ position: absolute; left: 0; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition : all 0.5s; } .sli…
-
Slider Transitions Only Work if CSS is Applied In-Line
http://mbmitservices.co.uk/slider.htm The transition effects only work in Firefox and IE10 if I link to an external stylesheet but if you look at the demo in the original link : http://thecodeplayer.com/walkthrough/css3-image-slider-with-stylized-…
-
Cell Phone Display on Hover Problem
Yes that is how the website looks on 700px or 768px for the simple reason I have not edited the stylesheet for tablet displays!
-
Turned up Right Corner For Header Code?
Like that yes but I have an image in my header so that code doesn't work.
-
[Critique] TrendGFX Design Studios Redesign
I like it. Very slick and modern.
-
Figcaption - Position an image independently from a caption?
Thanks. Valid and aligned perfectly in all browsers (in desktop mode).
-
Figcaption - Position an image independently from a caption?
When I add links to the elements I get the following validation error : Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) e-mail While this validates : e-mail I want the anchor…
-
Figcaption - Position an image independently from a caption?
You are awesome! Thank you very much!
-
Figcaption - Position an image independently from a caption?
Paulie_D, that's the problem, - I can't figure out how to do it. Three of the images and captions are aligned centrally but the last image doesn't align with the text.