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.

new and improved web page

Featured Replies

well I am at it again I have just put the new and improved web page at www.permiweb.com minus the portfolio page as I not sure how I am going handle that as I am starting to learn php so who knows but have alook see if you wish also the content is the works of being adjusted and tweaked but the lay out will stay the same I hope

 

 

regards Andy:)

Hi Andy,

 

Thats a very clean and clear layout you got there. It certainly is improved. I like it. Nice little rollover effects on the nav. Great stuff.

 

My only onbservation is there isn't any containment (border or different colour to offset the content), so the header looks floating in the middle of the page. Maybe it's not an issue? I like it though Andy & always love to see CSS! Great stuff mate. :)

Cheers.

Wow - that's a real improvement - you'd added much more space and it doesn't feel boxed in anymore. I agree with Ben though about the background colour - even a very very light blue or grey would help set the white content are off and define the site more. Not sure about the green of the footer - it might be better to tie that in with the navigation and use the same blue or the roll over blue.

 

Have you set the text to be bold? It's a bit overpowering. I would advise having your headings/titles in bold and the rest of the text without the bold. Maybe also consider adding a blue text for content that appears in the right column to offset it a little from the main body of test on the right. I think this would give the text on the left prominance and the the text on the right act as 'supporting information'

 

I had a quick look at your CSS and you could simplify it a little if you used shorthand...so instead of this:

 

padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;

 

you would have this:

 

padding: 5px 10px 5px 10px;

 

It always has to be in the this order - Top Right Bottom Left and I remember that as TRBL kind of says 'trouble'.

 

On the whole it's a great imrpovement and it's looking great...keep up the good work.

I had a quick look at your CSS and you could simplify it a little if you used shorthand...so instead of this:

 

padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;

 

you would have this:

 

padding: 5px 10px 5px 10px;

 

It always has to be in the this order - Top Right Bottom Left and I remember that as TRBL kind of says 'trouble'.

 

I always find myself thinking of a clockwise rotation, top(12) then right (3) then bottom (6) and left (9). I end up sitting nodding my head to each side when I'm trying to think of the order :rolleyes::D

I do that too - that's normal! We web folk are of a different breed to the rest of the design pack!

I always find myself thinking of a clockwise rotation, top(12) then right (3) then bottom (6) and left (9). I end up sitting nodding my head to each side when I'm trying to think of the order :rolleyes::D

 

I do the same!!! lol

We're just nerds :wacko:

yeah!

Spin the head clockwise, then anti-clockwise and now 10 right clicks and 10 left clicks....

Keep up! lol

  • Author

well I must that my memory bank is working and I agree with the shorthand approach but until I pass the diploma that I am doing I must do it the letcurers way as this is one of my projects for the course so once I have been given the seal of approval from the powers above I will change my habits to my way :p.

 

All your comments have been great and many thanks for the honesty as now I feel ready to submit it for marking once I have the portfolio in place.

 

 

regards Andy

Ignore the dog! Honestly - she always gets on to my PC when I'm out of the office!

 

Kepp posting updates or the finished product - hope you get good marks!

I always find myself thinking of a clockwise rotation, top(12) then right (3) then bottom (6) and left (9). I end up sitting nodding my head to each side when I'm trying to think of the order :rolleyes::D

 

 

I do that too - that's normal! We web folk are of a different breed to the rest of the design pack!

 

 

I do the same!!! lol

We're just nerds :wacko:

 

I do it this way to, just like a clock.

 

Regarding your lecturer, I don't think he know css very well as this method is now common practice. It's a shame that even our teachers are telling us the wrong things - who know's what web 3.0 will look like :blink:

 

I originally learnt my css techniques from "CSS for Dummies" and it even mentions shorthand css in there!

 

P.S. I agree with the dog. "Here's a biscuit"

  • Jo 90 locked this topic
Guest
This topic is now closed to further replies.

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.