![]() |
|
|||||||
Hi I only know the basics of HTML/ CSS (ask Skyrunner!) and wondered if anyone could help me with putting ...
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
#1
|
||||
|
||||
|
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. |
|
#2
|
||||
|
||||
|
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
__________________
|
|
#3
|
||||
|
||||
|
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. |
|
#4
|
||||
|
||||
|
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. |
|
#5
|
||||
|
||||
|
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.
__________________
|
![]() |
| Thread Tools | |
| Display Modes | |
|
|