I don't feel 50 Forums

Go Back   I don't feel 50 Forums > COMPUTERS > Web Design and Graphics Room.


Web Design and Graphics Room. Thread, Novice needs help on web design..

Hi I only know the basics of HTML/ CSS (ask Skyrunner!) and wondered if anyone could help me with putting ...

Reply
 
LinkBack Thread Tools Display Modes
  #1  
Old 3rd-May-2009, 06:08 PM
Yorkshire Carper's Avatar
Yorkshire Carper Yorkshire Carper is offline
 
Join Date: Nov 2002
Location: South Yorkshire
Posts: 198
Default Novice needs help on web design..

Hi
I only know the basics of HTML/ CSS (ask Skyrunner!) and wondered if anyone could help me with putting a site together.
One problem I have is with web design terminolgy ,please bear with me when I try to explain what I would like help in doing!
I have created a CSS style sheet and a first page which is linked to the style sheet using Dreamweaver 8.
I have a background colour and have sought to it that the cursor lies in the top left corner of the page ie I have included the asterix tag * to overide any coding included with IE etc.
The first thing I would like to learn how to do is to have a 'header box' and the two other boxes that go right across the top of the page as in the example here on this webpage
Dave Woods - Freelance Web Designer UK CSS Rounded Corners Tutorial

I would also like to have the page set up so that all my main content lies within a 'container' of similar width to that on the webpage above or maybe even wider, so long as there is no need for any sideways scrolling to view the content when the page is called for on the majority of screens sizes available these days?

Can anyone here help me to achieve the above?
Thanx in anticipation of any help.
Craig (Yorkshire Carper)
__________________
Should anyone ever need help with a roofing or guttering problem and live in Sheffield, Barnsley, Rotherham or Chesterfield please visit my websites at www.a1roofingservices.co.uk or www.a1gutterclean.co.uk and I'll be pleased to assist.

Last edited by Yorkshire Carper; 3rd-May-2009 at 06:16 PM.
Reply With Quote
  #2  
Old 3rd-May-2009, 09:07 PM
Skyrunner's Avatar
Skyrunner Skyrunner is offline
 
Join Date: Sep 2002
Location: The Surrey Hills
Posts: 1,855
Default

I've sent you a couple of emails about this craig, which will hopefully answer your queries.
However, for everyone else.....

Mr Woods has achieved the design on his page by use of a simple graphic and some simple CSS coding.

He has given the body of his page the colour of white, and then has tiled this graphic...



...across the top of the page using CSS.

He has then positioned his divs to sit on top of the design.

That's one of the beauties of CSS, it's flexability with background images.



Craig, if you lay out your page content in a wrapper div with auto margins, it'll stop the content going off the page sideways whatever resolution the viewer is using.

Sky
__________________
Reply With Quote
  #3  
Old 5th-May-2009, 08:09 AM
Yorkshire Carper's Avatar
Yorkshire Carper Yorkshire Carper is offline
 
Join Date: Nov 2002
Location: South Yorkshire
Posts: 198
Default

Thanx sky i just emailed u re this..

Does anyone know how sky managed to take a 'slice' is only way i can describe it of the header etc layout on the site i highlighted in opening thread
YC
__________________
Should anyone ever need help with a roofing or guttering problem and live in Sheffield, Barnsley, Rotherham or Chesterfield please visit my websites at www.a1roofingservices.co.uk or www.a1gutterclean.co.uk and I'll be pleased to assist.

Last edited by Yorkshire Carper; 5th-May-2009 at 11:02 AM.
Reply With Quote
  #4  
Old 5th-May-2009, 12:17 PM
CPS's Avatar
CPS CPS is offline
 
Join Date: Jan 2003
Location: Suffolk/ Gender Male
Posts: 1,468
Default

Sky is the one for CSS, I dont use a lot of it.
I mainly use in line CSS.
But that slice was most likely taken with a screen capture program.
Something like the "Gadwin print screen" program.
__________________
Knowledge is not knowing all the answers,
but knowing where to find the answers.

www.smitheram.co.uk

Moderator of, Web Design/Graphics Room.
P4-XP pro-IE7-B/B-ZA-AVG

Last edited by CPS; 5th-May-2009 at 12:19 PM.
Reply With Quote
  #5  
Old 6th-May-2009, 12:16 AM
Skyrunner's Avatar
Skyrunner Skyrunner is offline
 
Join Date: Sep 2002
Location: The Surrey Hills
Posts: 1,855
Default

What I highly recommend for grabbing little bits of the screen is the excellent little SNIPPY .... don't know if it works with Vista though. (Does anything?)

However, in the case of the graphic above, it's not a screen grab, I simply navigated a bit deeper into Mr Wood's site and copied the actual graphic he's using, and that's what you're seeing above.
__________________
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump


All times are GMT. The time now is 09:15 PM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.