-
Glitch with Bootstrap Collapse
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
-
transform: translateX Scroll
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
- Off-Canvas Navigation Height and Scroll Issue
-
Off-Canvas Navigation Height and Scroll Issue
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
-
Webmaster Tools not Indexing after problem getting robots.txt
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
-
What main design tools are people using?
I like sublime text 3 it's really good when you all the shortcuts etc
-
How does my newly launched website look?
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?
-
Where to buy Windows 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.
-
IE8 & IE9 Problems Bootstrap 2
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
-
Bootstrap Collapse hide onClick
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.
-
No where to be seen on Google!
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
- Slider / Carousel with Tabbed Navigation - Example Included.
-
Backlink Spam = Blacklisted Domain?
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.
-
- iPad 3 - 2048x1536 on a 9.7" Screen
-
Vertical Align Text within a Block
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; }