• Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in CSS vertical menu problem

    But... but... you have a complete working example with HTML & CSS (and jQuery to trigger the open/close functionality), so how about looking at the code of that example to …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    As far as I can see they removed the ability to show the result as a full page. Codepen.io is in that respect my preferable option. `document.getElementById("tleone").src = mqls[0].matches` You're …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    > Ahh, I was expecting another link. Yeah? Well... this was the link :) All you need to do is replacing the image that you have as default in your …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    https://www.google.com/search?q=replace+img+with+javascript&ie=utf-8&oe=utf-8&gws_rd=cr,ssl&ei=eDSWVoWtIIfTU5uHtagH
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    match is if it meets the media query and unmatch if it doesn't. Pretty much the same as if/else
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    I've used in the past enquire.js which is basically a wrapper around window.matchMedia() but with some added features. http://wicky.nillia.ms/enquire.js/
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    I thought you wanted to change the img src when a MQ is triggered. You'll have to place your default image in the HTML and replace it with another when …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching css3 pause anmation when completed

    Hello, Just created a website and want some animations so i used keframe animation in order to do so on 1 row I made an animation for the portfolio to …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in css3 pause anmation when completed

    You'll need to add `animation-fill-mode: forwards;` So the shorthand version would be this, but 5s speed and 5s delay might take way too long :) .active .port_up_row { -webkit-animation: slideup …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Font color on blurred (not focussed) input

    A little update on my previous post. It seems that we get in CSS4 a standard approach for this - `:placeholder-shown` - so we can ditch the vendor prefixes by …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching Font color on blurred (not focussed) input

    https://jsfiddle.net/cmvs815c/1/ Is there a way to make "Enter a tag...", red as well?
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Font color on blurred (not focussed) input

    input::-webkit-input-placeholder { color: red } input::-moz-placeholder { color: red } input::-ms-input-placeholder { color: red } You can't combine them in a single CSS block... they have to be separate. https://jsfiddle.net/gentlemedia/jz63Lkh3/7/ …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching two divs in right and left saving problem

    Hi In a form, I have two divs like in left and right but only one submit button . I don`t know how to save in submit action. Submit button …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in two divs in right and left saving problem

    Well. let me be a bit helpfull, but thanks to http://www.freeformatter.com/html-formatter.html :) <form action="usersave.php"> <!-- class="form-horizontal form-label-left"--> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">First Name</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input …
  • Member Avatar for gentlemedia
    gentlemedia

    Gave Reputation to diafol in two divs in right and left saving problem

    You expect people to be able to wade through unindented markup like that? Really?
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    Okay... understood! Then the window.matchMedia() method might do the trick for you. Browser support is great; http://caniuse.com/#feat=matchmedia
  • Member Avatar for gentlemedia
    gentlemedia

    Gave Reputation to asma.fayaz.77 in A Simple HTML Login page using JavaScript

    Have can the top code be extended for more than one username and password?
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    What you all want, that is exactly what picturefill.js does. Picturefill.js makes srcset, sizes and the picture element already work in IE, so why do you want to create your …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    > Modernizer puts the <picture> element in the page for browsers that don't support <picture>, correct ? No, Modernizr is purely for feature detection. You just write/use scrset and/or sizes …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    With modernizr you can load picturefill.js only for browsers that don't support the picture element (which includes scrset and sizes attributes). So there's no unnecessary overhead for browsers that do …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    Yes, IE and some other don't support scrset yet, but for them you can load (via Modernizr) the picturefill.js polyfill. Or as rproffitt suggest, just let them deal with the …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    > There is a need for JS-Library solution ! Do you mean a library such as jQuery? If so, then you don't need one for this. Window.matchMedia() - part of …
  • Member Avatar for gentlemedia
    gentlemedia

    Gave Reputation to zelrick in How to divide a web page and styling it

    Hello Sir Ben, Using Frameset or iFrame.. See this link to guide you: http://www.w3schools.com/tags/tag_frame.asp
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching Condition within statements ?

    Can a else if, or else statment contain a condition ? If the condition is not meet then, nothing happens other wise one of the else if or if statements …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Condition within statements ?

    > This is for images, not for responsive pages ;) But, there is now the srcset and the sizes attributes for this? But you knew that already, so there's no …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in CSS, aligning in a table cell

    Could you make a [jsfiddle](https://jsfiddle.net/) or [pen](http://www.codepen.io) what your dynamic table should output in HTML and with the previous styles you had? I would like to see what you're after …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching CSS, aligning in a table cell

    I'm trying to align 3-5 items up in a table cell, three are on the top and two are on the bottom. In each of my table cells I want …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in CSS, aligning in a table cell

    There doesn't exist a `float: top` and `float: center` The float property can only have `left`, `right`, `initial`, `inherit` and `none`. If you want to align content in table cells …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    That page wasn't loading correctly before that either. Check the browser console. You have a couple of errors, which breaks the lightbox.
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    > except the lightbox is turned off, how do you turn it on ? Check the `window.matchMedia()` method in the js of that pen. Either try to remove that whole …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    I didn't disabled anything. The [creator](http://thenewcode.com/) of that pen did. That HTML page of yours doesn't do anything in Chrome on my Mac, so I don't know what you did …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    Like I said the Lightbox functionality is disabled. The photo, the title and paragraph text are just underneath each other on my phone, so there's no image tapping either. ![IMG_0112.PNG](/attachments/large/4/58bbd5f0e213925e57cfbc906c343603.PNG …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    I had no issues opening the fullpage on my iPhone5. It wouldn't make sense if your thumbnail image would've the same dimensions as the image that opens in the lightbox …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    Do you mean that codepen won't display correctly or the lightbox demo itself? I've opened the demo in Safari on my iPhone and the creator of that lightbox demo has …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    by the way... with thumbnail images, I meant the mages where user clicks on to open the bigger version of it in the lightbox.
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    The link to that article explains it really well what I meant. Did you read it? That pen is not mine, but you can change the view to full page, …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching Bootstrap multiple panel colors

    How can i change the colors of the panels with css every panel to have different color on hover, i have this code: <div class="container"> <div class="row"> <div class="col-sm-4"> <a …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Bootstrap multiple panel colors

    You could give the panels a class of the color you want. HTML: <div class="panel panel-default blue"> ... </div> <div class="panel panel-default green"> ... </div> CSS: .panel.blue { background-color: blue …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching Lightbox with Srcset support

    Hi, I was hoping I can get some help. I've been searching and searching for a lightbox that works with SrcSet so I can display different images based on viewport …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Lightbox with Srcset support

    If your thumbnail images are on small screen as width as the width of the screen/device then you could, or even should, disable the lightbox functionality on small screens. http://bradfrost.com/blog/post/conditional-lightbox/ …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching Bootstrap 3 thumbnail sticky bottom footer

    How can i stick the footer at the bottom of thumbnail i cannot find anything on google here is the code HTML <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"><b>Related Links</b></h3> …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Bootstrap 3 thumbnail sticky bottom footer

    You mean something like this? https://jsfiddle.net/gentlemedia/txxs98ed/
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Product list Prestashop

    I don't know what you want exactly, but if you can switch your WYSISWYG editor (in the admin where you can edit the description) to a text/html editor, then you …
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching Difference between event.preventDefault() and return false in jQuery.

    What's the difference between event.preventDefault() and return false in jQuery.?
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Difference between event.preventDefault() and return false in jQuery.

    If you would have typed the exact same question in Google, you would've had the answer already.
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Disable Parent Category Link Prestashop

    If you try and test with the jQuery option, then delete the CSS option. I mean don't use them together and see what it does on touch screen.
  • Member Avatar for gentlemedia
    gentlemedia

    Began Watching Product list Prestashop

    Hy there... I have this problem and I don't know how to fix it....I didn't get help from the theme creator and I am asking your help:) In product list …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Product list Prestashop

    The HTML output is different between them. On the list page all the text is wrapped in 1 paragraph and on the producr page it's devided over 3 paragraphs. If …
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Disable Parent Category Link Prestashop

    Mark this thread as solved! I will look for your other issue and will reply on the original thread.
  • Member Avatar for gentlemedia
    gentlemedia

    Replied To a Post in Disable Parent Category Link Prestashop

    You could try to put this in global.js at the bottom $('.sf-with-ul').click(function(e) { e.preventDefault() });

The End.