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.

Kwits

Members
  • Joined

  • Last visited

Everything posted by Kwits

  1. Website - http://goo.gl/qkfK1T G+ Page - http://goo.gl/ix61bm I believe I've verified everything, but perhaps I missed something?
  2. http://i.imgur.com/ZMQqLJP.png Could someone please explain why one business has a brown marker, whilst the other has a red marker? If I zoom out any further the brown marker disappears and Google maps then only shows the businesses with the red marker, making that business far more prominent. Notice the purple link in the image below is second on Google's ranking, yet it's hardly ranked for the map at all other than the brown place marker. I'm trying to get it to appear on the map to the right of the search like the other nurseries have done. Any advice at all is deeply appreciated! http://imgur.com/fDuWQd0
  3. Can I have the second link removed? Thank you!
  4. I asked a question a few days ago http://www.webdesignerforum.co.uk/topic/71235-pinch-to-zoom-messing-up-layout/ and I used a website URL without really thinking, I should've just pasted the CSS and HTML. There's a chance it will mess up SEO, right? If it's possible for me to edit or delete that post, it would be an enormous help!
  5. I'm trying make a website with a similar design to this site http://johnaugust.com/2009/wherefore-does-not-mean-where The two things I want is navigation fixed to the left, whilst content is scrollable vertically on the right. I've tried this html, body { height: 100%;} .left { position: fixed; height:100%; left:0; top:0; bottom: 0; right: 0; width: 250px; float: left; right:0; height: 100%; background: url('../img/bg.gif') repeat; border-right: 10px solid #C9CACE; } .right { padding: 10px 10px 0 270px; border-top: 10px solid #C9CACE; } Which gives me the desired layout on desktop browsers, but on mobile the following layout changes take place (before and after the user zooms on mobile browser) http://imgur.com/a/NKc1v I've been trying to fix this for three solid days... This is my first site and I'm really running out of time. Any help at all is greatly appreciated
  6. First website is pretty much complete, apart from two major problems... The footer isn't sticking to the bottom even though I've followed the http://www.cssstickyfooter.com/ solution, and when you view the site on mobile devices, pinch to zoom completely destroys the layout, which the left column is to blame for. If you visit the site you'll understand the layout I was going for, http://littlemuffinsnursery.co.uk/test/index.html. I wanted the left column to always be there on the left even if you're scrolling down a page, is there a better method to do this? Just two problems away from being live! I'm so close I do intend on building a mobile version of the site but I can't start that for a few weeks, as I have no idea about how to do that yet. So for the time being i'd like the site to just be the same over all screen sizes. Thanks for reading : ) Even small help is much appreciated.
  7. That is exactly what I'm looking for! I'm too embarrassed to admit how long i've been looking for an explanation on how to do this. The help is very much appreciated
  8. The only web experience I have is finishing the HTML and CSS sections of the teamtreehouse learning site, so I have a basic understanding, I just need to be pointed in the right direction for this layout : ) Here is the website layout that I'm trying to replicate "http://johnaugust.com/2009/wherefore-does-not-mean-where" All I want is the left navigation to be fixed, with content on the right. The navigation column will have a background image, whilst the right will just be a background color of white. Can this be done with flexbox?

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.