- How do the pros 'chop' their frames\images?
- Posted by Mr C. on September 8th, 2003
Hi,
I'm currently designing a website and am aiming for the effect where I
frame the left and top of the page with an image. To visually see what I
mean, please visit the following free web template: (there is a link to
download the template on this page)
http://www.webpagedesign.com.au/sets/spider/
I'm very confident that I can code the html table to implement this, but
what I am having trouble with is 'chopping' the images up in the very exact
fashion to achieve the effect of the frame. It has to be exact, every pixel
counts.
Surely there is some software or technique to help web authors do this?
How is it done?
Thank-you,
Mr C.
- Posted by Jim Ley on September 8th, 2003
On Mon, 8 Sep 2003 02:02:50 +0100, "Mr C."
<please@dontemailmedirectly.com> wrote:
These days it wouldn't be, the appropriate way would be a fixed CSS
background I'd've thought, no need for the horrible table purely for
the layout, no nightmare of chopping up image, just simple pure code.
Jim.
- Posted by Mr C. on September 8th, 2003
"Jim Ley" <jim@jibbering.com> wrote in message
news:3f5bd597.10527417@news.zen.co.uk...
How is that done then? Could you describe how the site I mentioned could be
implemented using a fixes CSS background?
Thank-you,
Mr C.
- Posted by Richard Watson on September 8th, 2003
"Mr C." <please@dontemailmedirectly.com> writes:
An error occured while loading http://www.webpagedesign.com.au/sets/spider/:
Could not connect to host www.webpagedesign.com.au
However if you want a fixed background look into putting
body {
background-image: url(http://example.com/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed
}
into your stylesheet.
(or do a search on 'background css fixed' in google)
--
Richard Watson
http://www.opencolo.com/
High Quality, Value for money colocation
- Posted by Andy on September 8th, 2003
On Mon, 8 Sep 2003 02:02:50 +0100, "Mr C."
<please@dontemailmedirectly.com> wrote:
I would use Fireworks to do this. You just create an image of the
page you want and insert a slice where the text is going to be. Then
export the page into Dreamweaver and delete the image where the text
will be. You will have to play around with Fireworks quite a bit if
the page is going to scroll.
Have a look at www.workinprogress.co.uk/david
At the moment, the text under the welcome banner is an image. This
image will be deleted leaving a hole in the page where I can type my
normal text in.
You need to be careful with this as once the page starts to scroll the
images will start to break. On your Spiderman one, you can see that
the designer has got over this by (probably) inserting a slice at the
bottom of the left hand column which tiles. If you look closely at it
you can see that it repeats 5 times.
HTH
Andy
