simoncmason
-
web app development and such
Docracy is your friend: http://www.docracy.com/ Andy Clarke has written a contract used by a lot of web devs, he recently added an NDA which is also written in plain english. Both of these are on Docracy or you can look here: http://stuffandnonse…
-
search-form
Are you using jQuery on your site? If so you could simply toggle a class on click: // Add a class to the search icon when clicked $('#viewSearch').click(function() { $(this).toggleClass("searchOpen"); }); Then hook your…
-
search-form
Good call on the linear gradient. It won't work on IE9 and below though.
-
The Best way to learn web design and keep up with technology?
Re conflicting information, you'll find a lot of this about. If someone makes a statement such as do or don't use @import take notice if they explain why, and Google around to see what the consensus is. In this case@import is normally con…
-
Responsive CSS, best code technique, override css rules?
I work my way up - so similar to your example 1. In this way I only need to alter styles which need to alter as the screen size grows. I see this as an extension of the cascade so styles flow up the screen sizes until over-written with something m…
-
The Best way to learn web design and keep up with technology?
It helps to love web development ;) If so there is nothing better - always something new to learn and discover plus the satisfaction that comes from "light bulb" moments when something that seemed so hard suddenly slots into place. But t…
-
search-form
Hi Saifadin, This will work (just replace your left and right classes with the below): .right{ position: fixed; top: 0; bottom: 0; right: 0; left: 50%; z-index:-1; background: #FFF; } .left{ position:fixed; top: 0; bottom: 0; …
-
What are you listening to while you code?
Has to be BBC Radio 6 Music - http://www.bbc.co.uk/6music/ No ads, music from all corners and funny stuff too. Great for work.
-
Flexible rollover image links
Hi Chris, Yep, if it was width only I'd be laughing as all the widths are set in %. But the height won't scale in line with the width ... Got to use images for these buttons as they are icons that pertain to the client's products. …
-
Flexible rollover image links
@paintba11er89 Thanks but that only deals with the position of the background image in the sprite - and assumes you have some content to give it space on the page. My problem is I want to use a background image as the content to create an image b…
-
Animated photo gallery needed
Thanks for your help guys. Much appreciated.
-
iPhone VS Android
I'm pretty much OS agnostic at this point - what I would say is either get an iPhone or a high end Samsung or HTC Android. On that basis the costs are similar, the stability is similar and it really comes down to which design you like and how…
-
Changing properties of slider in a wordpress template.
Do you have a link to the live site you are working on - I'll try and take a look at it later today.
-
[resolved] Help with Fluid Layout Positioning
So the div within the red border on your picture has a width set in pixels? If so that will stop your site being properly fluid / responsive. Really need to see the code to be more help Steph, paste it on to a codepen and throw us a link!
-
Changing properties of slider in a wordpress template.
Look forward to seeing them, shout if you get stuck.
-
Changing properties of slider in a wordpress template.
So you want the slider to go under the logo and menu area? Do you also want the vertical scrolling where each section resizes to the viewport? To do the second bit you will have to use some javascript. But if you only want to make the slider fit u…
-
[resolved] Help with Fluid Layout Positioning
When you say the text won't move with the browser, do you mean if you resize the browser window the text stays in place and you get a horizontal scroll bar? If so then you probably have a fixed width - i.e. set in pixels somewhere or perhaps …
-
Right align a table cell
Out of interest - what is your use case for this? It seems you are using a table layout and then trying to force it to something a table layout was never designed to do - I'd be intrigued to see why. Position relative kind of works - see this…
-
Wordpress submenu
Hi, I can't see from the screen shot what you are trying to achieve. Can you give us a link to the page? And a bit more description.
-
Width problem in IE
Is your set to width:100% and have you got a reset. css or normalize.css in your stylesheet? It looks like it should be OK but (assuming you are also writing the HTML) you could add in a div id="main-wrap" to contain everything else and …
-
jQuery, Simple Lightbox, & WordPress
The plugin should reference the copy of jQuery inculded with Wordpress so is your Wordpress install up to date? (3.4.1) If updating wordpress doesn't fix it then the plugin isn't really authored very well - you shouldn't need to chan…
-
I really need your help in HTML/CSS plz
OK - So you want the footer full width? Bit hacky (It would be far better to rewrite the HTML structure but I take it this isn't an option and this really isn't going to look great on small screens (see note below)) but this will work, al…
-
Stary night 3d background appearing above the text.. HELP!
Impossible to help without a link to the file or an example of the html structure and CSS (you could alwasy copy the problem bit on to CodePen if the site isn't on a live server).
-
I really need your help in HTML/CSS plz
As @kgscott284 says without seeing the output HTML it is impossible to say for sure why they are having a hard time recreating your image as a web page. Is the problem that the footer is going the full width of the page and not leaving the empty s…
-
Where to put CSS3 Media Queries?
Option 2 sounds like a world of pain having to trawl through your stylesheets when you want to add a new media query to suit a different device your client has just decided is essential to support. I always put all media queries in a block at the v…
-
need a background trick
Well, without digging through your css some more, by setting the height to 100% you are setting it to the height of the viewport, so when you scroll down this element retains its height - i.e. the height of the viewport. Since you have positioned it…
-
need a background trick
Hi Cybershot, First off your div #right-background is an empty div you are using for presentational purposes only, this is bad practice and you don't need to do this. I think you're going about it the wrong way. Instead of trying to st…