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.

EddieT

Members
  • Joined

  • Last visited

  1. You've stated 'test-admin' and your htaccess rewrites base as "RewriteBase /test-site/".
  2. You could spend 20minutes turning that html file into a Wordpress theme.
  3. As for design, I'm not sure about using the standard Bootstrap layout. If you're using BS I would at least change colors, that's the only turnoff for me. The idea itself is pretty cool, but as Nillervision stated Dev Tools does that and more. I guess if you're targeting less savvy people that want to see if their web designer has done their job or not, that would work.
  4. It has a lot of potential. I like less boxed in looking sites like that, if I were to add any recommendations or criticisms they would be changing the image formats to jpg for size reduction, and maybe even compression, they are taking a long time to load. The images aren't fitting properly in their containers for me either, symmetry is important to some (like me) - screenshot link. Also, maybe try playing with the colours of the content areas, a tool like this can be your best friend in choosing colours. Apart from being picky on things, like formatting, a few pixels out here and there and loading times. It's coming along nicely. Very much looking forward to seeing a final result. Check out Robert Smith's profile, he's a member here. He's created a grid system that I haven't had a chance to have an in-depth play with yet, but it looks great, would probably be really handy for your design. You can see it in action here.
  5.    dp8 reacted to a post in a topic: Free domain and hosting for testing purposes
  6. There are free domain extensions, like .tk, and there are a fair few free hosting packages available, do a quick Google search. Some hosts may still offer a free subdomain, I used to when I sold hosting, so maybe search for that too.
  7.    jerseydudek reacted to a post in a topic: Video cross browser compatability.
  8. First thing that springs to mind; most video players are Flash, you'll probably need HTML5 Video fallback for iOS.
  9. Hello, Try this; header nav { float: right; margin-top: 100px; max-width: 60%; } and; header img { float: left; max-width: 40%; } This sets the elements sizes maximum width so as they don't overflow. I strongly recommend some media queries for lower resolution devices (mobile phones, et cetera) to adjust font sizes, and also to remove the margin for the navigation once the page is loaded on smaller devices. /* Standard Phones */ @media only screen and (max-width : 480px) { .customstyles { styles:here; } } /* iPhone Retina */ @media only screen and (max-width : 320px) { .customstyles { styles:here; } } Hope I've been of some help.
  10. Hello, Try this: <nav> <p> Call Us :01507 354336 - <img src="images/twitter-icon.png" alt="twitter" width="25" height="25" style="width: 25px;"> - Buy Tickets </p> <ul class="hiding"> <li><a href="index.html" class="current">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">What's on</a></li> <li><a href="#">Weddings</a></li> <li><a href="#">Venue Hire</a></li> </ul> </nav> The paragraph was in the wrong order; however, the twitter icon is too large and pushes down the navigation, I added inline styling that you'll want to turn into a class to make it 25px; also, remove margin-top:-50px from header nav css.
  11. I'm sorry buddy but I'm not sure I understand the question. Maybe try remaking in in a Fiddle so I can have a play with it?
  12. I agree, not sure why you would want to do that, but in your css you have: #menu>ul>li { float: left; width: 90px; } Remove the width: 90px and the list items will collapse in size. If you do this, maybe add padding: 0 10px; to #menu label - this makes it look better.
  13. The problem is the positioning. It's expanding the container (parent <li>). Change #menu ul ul to this: #menu ul ul { display: none; position: absolute; width: 100%; left: 0px; } and add this: ul li { position:relative; } Then take a look at the results.
  14. Looks great! I'll take it for a test drive over the next couple of days and get back to you.
  15. Ok, so I took a look and have a better understanding of what you mean. Remove your current stylings for the about section's background, and put this: background-image: url('http://www.proph3cy.com/wp-content/uploads/2015/10/touchup11-e1444247050569.png'); background-size: 100%; As for the text on the left, that's because you've wrapped it in a container, col-md-6 / col-lg-6 are exactly half width. If you make them col-md-12 or col-lg-12 they are full width, the text will spread out. Edit: Screenshot applying background size: http://imgur.com/to4ACiZ Screenshot changing column width in addition to background size: http://imgur.com/1ACYsZZ Hopefully I haven't misunderstood the request. As Robert said earlier, the easiest way we can help you is to put the code you are having trouble with on codepen or jsfiddle, we then get a better idea of the request and can make edits.
  16. Not sure why you're applying this to html rather than body - https://css-tricks.com/html-vs-body-in-css/ body { your styles; } As for responsive text, there's several ways to achieve this. Is something like this what you are trying to accomplish? http://jsfiddle.net/Lntp56d0/
  17. Hello all, Little nervous, first time showing my work to you kind folks. I'm currently looking for feedback on this current job; http://lncearthworks.com.au/ I'm at a point of dotting I's and crossing T's with it. What I already know: The navigation needs some work, there's placeholder links throughout the site, mobile/tablet responsiveness needs some work.

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.