402 Posted Topics
 | 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 learn from it. What you see so far in your implementation is exactly what you have in your CSS, so …  |
 | 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 type="text" class="form-control"> </div> </div> <br><br><br> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-3">Last Name</label> <div class="col-md-9 col-sm-9 col-xs-9"> <input type="text" class="form-control"> … |
| | > 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 need for a JS solution. Only as a [fallback solution](http://scottjehl.github.io/picturefill/) for older browsers. |
| | 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 5s 5s forwards; animation: slideup 5s 5s forwards; } On a side not. Consider using [prefixfree.js](http://leaverou.github.io/prefixfree/), so that alll you … |
 | 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/ EDIT: Now you can even play with :focus to fade the placeholder color to transparent for example input::-webkit-input-placeholder { color: … |
 | 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 as the way tou want, you will need the properties text-align and vertical-align and there's no need for span tags … |
| | 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/ But if not, then you can implement a lightbox with scrset support such as in this pen: http://codepen.io/dudleystorey/pen/LEBjyL/ |
 | 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 } .panel.green { background-color: green } Or if you don't want to add extra classes to your HTML markup, you … |
| | You mean something like this? https://jsfiddle.net/gentlemedia/txxs98ed/ |
| | 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 you can add, in the page editor in the admin, paragraps to the product description or even a breaking space … |
 | If you would have typed the exact same question in Google, you would've had the answer already. |
| | CSS option: .sfHover > a:first-child { pointer-events: none } jQuery option: $('.sfHover a').first().click(function(e) { e.preventDefault() }); The CSS option will only work in browsers that supports the pointer-events property, but with both options I'm not sure if you'll get into trouble on touch screen devices, because you might need that … |
| | I have a form where I save the data in a cookie with localStorage. This all works fine, but If clear (just deleting with backspace) the value of an input field or textarea so that the placeholder text shows up again and I refresh or come back at the page, … |
| | If you give it a fixed height, in your case 660px, then indeed it stays 660px. There are a few tricks to create faux columnns, but then you will have to re-create the box-shadows as repeating images. Or re-create the layout with CSS3 flexbox and you can have real box-shadows … |
 | On line 21 `HTMLcookieStringClone` should be this `$HTMLcookieStringClone` right? |
| | IMO detecting the users' language set in his/her browser is a more user friendly way to redirect, then based on the location. |
| | I think you're better off to post a job at https://www.upwork.com/ or the likes. I don't think anyone here will go through all that code and your custom CMS for free. |
| | In my Chrome console you have this error: `Uncaught TypeError: $(...).ready is not a function` As you have both MooTools (prototype.js) and jQuery on your Joomla site which are using both the dollar sign, you can indeed use the noConflict() method, but than you should use everything else except for … |
| | What happend with the styling of div#four. Anyways... If you want the last div fill the remaining width without setting a width for it, this is only doable with [CSS3 Flexbox](http://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/). Not with floats or inline-block! It can also be done with JS of course, but is a bad option … |
 | You can leave out the top margins, because a div tag is a block level element and will by default go on one line. The next div will drop below the other. The heights you set will also automatically push down the next div, so no need for the top … |
| | Tables are monsters in getting a great responsive user experience. For the rest I see lots of tags that are unknown to me, so I can't help you further with that. All I can say is that tables are inflexible as hell. Your menu should be build with an unordered … |
| | For smooth scrolling. you will need some JavaScript. Not necessary 'need', because it can also be done with pure CSS, but works only in modern browsers. Here's a jQuery snippet, but you will need to include the jQuery library (is a JavaScript library) as well. Just check out the demo … |
| | They can't sit net next to each other, because there is simply no room for it. In your CSS, you have set the `ul` to a width of 100%, which means it will fill the width of the browser window fully. So it drops to tne next line. If you … |
| | Your sulution won't solve that problem. It will only makes the filesize too large and thus slow with loading. If your screenshot is fluid and therefore gets resized, so it fits in lets say 320px, then they still have to zoom & pan. |
| | I was wondering if it's really necessary to have an SSL certificate and therefore https for a webshop (WordPress & WooCommerce) where payments will only be handled via external payment gateways (their bank and paypal). But they do store personal information, account and login from their customers on their own …  |
| | The paths to your CSS file and to the image indicates that they're in the same directory. Do you have them in the same directoryt? |
| | Sorry for the vague title, but I'm using a PHP snippet on a WooCommerce shop which shows the difference between an old price and a new price (sale price) in a percentage bubble on the page. The thing is it shows also percentages with decimals behind a comma if it's … |
 | The `option` tag doesn't have a `href` and a `target` attribute. |
| | So... what's the problem? I can see you're trying to align the text next to the image with some CSS kung-fu, but what other parts are you talking about? |
| | Using `.change()` is more appropriate for changing values such as radio buttons. $('input[name="optradio"]').change(function() { if ($(this).val() == '2') { // disable } else { // enable } }); |
 | Those `left` and `right` classes were I asume helper classes to reuse them if you need to float HTML elements, so don't put any other css properties in it. Just only the float and margin properties. Your issue is the right foated div is dropping to the next line, because … |
| | I would say if you have already some device stats from visitors (e.g. via Google Analytics) then design/develop for those devices/operating systems that's used the most. if you don't have access to a device/operating system that you need to support, you could try to find an OpenDeviceLab near you. https://opendevicelab.com/ … |
| | How does this work wonders for you? How do you know that their directories are listed in Google and if so do they have high pageranks, are they relevant to your niche, are they high quality directories, do they get regulary updated, do they get edited and reviewed by editors … |
| | Care to share a link to your website or some code? My crystal ball is at the mechanic! |
 | Here's a nice 'pure CSS Style Switcher' tutorial using radio buttons (:checked) http://www.sitepoint.com/building-style-switcher-with-pure-css-using-checked/ |
| | You should not using fixed widths (in pixels) with responsive web design. Fixed heights was before responsive web design already not feasible and flexible to use, because you should let the content dicate the height of your boxes/containers. The grid/layout should be flexible which means you use widths in percentages … |
| | Re: Sliders boostrap You shouldn't use the Bootstrap grid and its classes inside the `.gallery` div. If you read the instructions then you will see how the HTML and the associated classes for the styles in `flickity-docs.css` should look like. http://flickity.metafizzy.co/#getting-started |
| | There are 2 things that are important in order to make images fluid: 1. don't declare width and height attributes on the img tag in the HTML 2. put the following CSS block in your stylesheet img { max-width: 100%; height: auto; } The first one you do follow, but …  |
| | Re: IE 8 Responsive respond.js is a JavaScript polyfill for CSS3 media queries and as far as I can see you didn't declare any media queries in your styles, so there's nothing to respond to. **EDIT**: Sorry my bad, I overlooked your media queries in your styles but the below still stands :) But … |
| | Re: Mobile Site Each option has its own [pros and cons](http://designmodo.com/responsive-design-vs-mobile-website-vs-app/) and which one to choose has to do with how you want to reach your objectives & goals (user and business wise). |
| | Better to seal a good & solid deal with your clients which means contract with scope and agreeing to some down payment schedule before you start working on the phases of the project.. |
| | Re: FAQ After waiting 1 minute for that page to load, I see no font awesome icon in front of the fag questions. Check your path to the @font-face files (fonts). If that is fixed, then you could change the color like so: .fa-plus:before, .fa-minus:before { color: blue } |
| | Why are you adding your own div tags with fixed widths. That's going to lead into layout issues as you've noticed. You built wilt Bootstrap so stick to its grid system. I told you before already, but as usual you don't listen. Same as you didn't listen NOT to use … |
| | Re: Slider2 Or set 'pager' to 'false'. $('.bxslider').bxSlider({ pager: false }); http://bxslider.com/options#pager |
| | Re: Image resizes All you have to do is place your img tag in the HTML without the width and height attributes <img src="image.jpg" alt="" /> Your CSS will just be like this: img { max-width: 100%; height: auto; } But resizing your images in the browser smaller for smaller screens like this … |
| | Hard to tell without seeing any code. Do you initialize the function also on `.resize()`? |
| | I've re-read this thread numerous times and still trying to get my head around the thing that you want to do with this. Pseudo elements are indeed not injected into the DOM, but you can access or reach them via JavaScript/jQuery but not for the reason you want (I assume). … |
| | I'm trying to get the right path and so far I have this which kind of works, but not if the file is in a sub directory. These links I have in my navigation: <ul> <li><a href="<?php echo $_SERVER['DOCUMENT_URI'].'about/organisation.php'; ?>">Organisation</a></li> <li><a href="<?php echo $_SERVER['DOCUMENT_URI'].'about/team.php'; ?>">Team</a></li> </ul> This works from my … |
| | Hi guys & dolls, I'm working on a website locally with MAMP and the directory tree is the same then that of the dev directory on my web server. `projects --> ecwc --> concept` But I've set the 'projects' directory on my webserver as a subdomain and this screws up … |
| | https://www.google.com/#q=show/hide+faq+with+jquery  |
The End.