Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CQ Website Design

Members
  • Joined

  • Last visited

  1. Site is question: http://www.cqwebdesign.co.uk/wine-site/france.html Basically in the left sidebar if you click the heading they collapse. However when you do this you will notice the list of check boxes glitch about like there is a margin or padding being added somewhere. I can't seem to find the problem or what is causing this anyone else see whats going? Thanks
  2. I am trying to create a search bar that slides in when a button is clicked. I am using translateX(-100%) to position it off screen. However when I do this it adds a horizontal scroll to the page allowing you to scroll right and see the hidden search bar. I have tried a combination of position absolute on the search-bar and overflow-x: hidden on the header div. See it action here: http://www.cqwebdesign.co.uk/saverplaces%202.0/TEST/index.html Please view it on small screen as its built for mobile screens. Thanks
  3. Thanks! I managed to fix the background colour by adding a background colour to the UL.
  4. I am trying to create an off-canvas navigation menu. However I have ran into a couple of problems that I am struggling to fix. First problem is the height of the background when you scroll down the page the background colour does not continue. See the problem: http://www.cqwebdesign.co.uk/saverplaces%202.0/TEST/ (please only view on small window) Secound problem is the horizontal scrolling when the off-canvas navigation slides in. I can counter this with overflow: hidden on the inner-wrapper however this also prevents scrolling vertical which is a problem if I have a long navigation menu. Any idea how I fix these problems? Thanks
  5. So I added my website to Google Webmaster Tools and it came back with an error saying "Googlebot can't access your robot.txt" So I created this file with the information belolw: User-agent: * Allow: / Google continued to have problems, I had an email from Google telling once the problem is fixed use the Fetch tool to see if it can Fetch the robots.txt which I tired and it worked 100%. However it is still saying: Google couldn't crawl your site because we were unable to access your site's robots.txt file. in the Crawller error section It has submitted the page from my sitemap but none are indexed. Any idea how I can fix this and get the site indexed? Thanks Andrew Jones
  6. I like sublime text 3 it's really good when you all the shortcuts etc
  7. On my iPad all I can see is the slideshow and a login. Slideshow has swipe support, I guess the rest is work in progress or could it be a bug on tablets?
  8. I bought windows 8.1 pro from ecrater a few months ago for £15.99 it's just the key but you download the ISO from microsoft.
  9. Having some major problems with a website and IE8 & IE9. You can view the website here: http://perpetualgiving.co.nz/home.html It looks like the .container CSS is not working. I am using IE Tester 5.2 to see the problems. Can anyone see what the problem is and how I could possibly fix it. Thanks
  10. http://freedomcore.com/saverplaces.co.uk/NEW/ In the above site when click the Terms & Conditions or More information on this voucher links just below the Get Voucher button. You will see a div slide down below with the content. I want it so that if you have clicked Terms & Conditions then go and click More information on this voucher it will hide the "Terms & Conditions" content so that both are not displayed at the same time. My JavaScript isn't the best this is what I came up with but it does not work: I have More information on this voucher link this class hide-terms-1 then I have this jQuery code: $(document).ready(function(){ $(".hide-terms-1").click(function(){ $("#voucher-terms-1").hide(); }); }); This seems to be working kind of but once it is click you can not open it back up again.
  11. Hello, I have recently done some very basic SEO for a client, I have managed to get him rank 1 on Bing, Yahoo etc for a spesific keyword however for the same keyword he doesnt show up on Google at all. Infact his old website/domain that has been offline for months is still on Google for the same keyword which had some bad SEO. Before me there was another company doing his SEO and to me it looks like blackhat SEO they where spamming keywords everywhere making text invisable etc could this be the reason why? have google blacklisted him? How would I go about fixing this for him? Thanks
  12. I am looking for a jQuery/HTML5 Slider with a Tabbed Navigation theme. Please see the attached image. Does anyone know where I can simply download one rather than having to code and design it myself.
  13. Hello, If someone creates alot of backlinks to my website which are bad quality/spam link will Google penalize my domain name for this? If this is true is seem quite unfair because anyone can post links to your website and then other websites could spider this informations and spam it on there bad quality link directories etc.
  14.    altafkhans reacted to a post in a topic: iPad 3 - 2048x1536 on a 9.7" Screen
  15. I was just woundering how you guys are dealing with the new iPad as it has a 2048x1536 resolution on a 9.7" screen. I'd imagen websites would look really tiny on a tiny screen especially fixed width websites.
  16. Image below is what I am trying to achieve: Image below is how far I have gotten with it: Basically I don't know how to align the list items that are only 1 line to the middle of the box. My markup is below: HTML <nav class="clearfix"> <ul id="main" class="clearfix"> <li> <a href="">Home</a> </li> <li> <a href="">About Us</a> </li> <li> <a href="">Clients</a> </li> <li> <a href="">Fine<br />Wines</a> <ul> <li><a href="">Menu 1</a></li> <li><a href="">Menu 2 asd asd</a></li> </ul> </li> <li> <a href="">The Wine <br> Source Fund</a> </li> </ul> </nav> CSS nav ul { list-style-type: none; margin: 0; padding: 0; } nav ul#main li { background-color: #000; float: left; } nav ul#main li a { display: block; height: 40px; padding: 5px 30px; color: #FFF; font-size: 10px; text-decoration: none; text-align: center; border-right: 1px solid #900; vertical-align: middle; } nav ul#main li a.last{ border-right: none; } nav ul#main li a:hover { color: blue; } nav ul#main li ul li{ float: none; } nav ul#main li ul li a{ border-right: none; } nav ul#main li ul { position: absolute; display: none; } nav ul#main li:hover ul { display: block; }

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.