This is a discussion on "align background" within the Web Page Design section. This forum, and the thread "align background are both part of the Design Your Website category.
|
|
|
|
|
 |
||
align background
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
Oct 9th, 2005, 15:34
|
|||
|
|||
|
align background
I'm trying to learn how to build wites coding rather than rely on wysiwyg's. Thus far, I appear to be falling at the first hurdles.
I'm trying to use a 1 pixel high (750 pixel wide) jpeg image as a background to my web page. I want to use this so it will display as a central column in the browser, regardless of user resolution, and I can overlay other images (.jpg Banners or .gif NavBars) onto it. Is it possible? I can't figure it out. My background just resides against the left hand side whatever I do, and that throws out the positions of everything I need to lay onto it. I've tried lots of different code combinations etc., but this is where I left it after my last effort: "<align="center"> <body background="Graphics/EUROpageline.jpg" bgcolor="#FFFFCC"> </align>" p.s. Why am I seeing so much code above the WebForumz banner on some pages? I thought the pages were corrupt until I moved the scroll bar accidentally down.[/b] 
|
|
|
|
Oct 9th, 2005, 20:51
|
|||
|
|||
|
1. is yu want a column, yu need it 750px hi, not wide
maby width=10px or 20px. 2. it sound like wot yu want is a vertikal kolumn on a botom layer, then the maen part av site on a layer abuv it. 2.1 If so, put 1 div on bottom layer, spesify a background color for it, & spesify wide=20px & hite=800px or 1000 px or 100000px. 2.2 yu kan giv the div a position...left:400px;top:0px; .....or yuze stile...align:center; 2.3 Then on the upper layer, set its background tu transparent so yu kan see the div belo. 3. if yu reelee want column 750 px wide & 750 px hi, thats solid bakground... just spesifi a background koler, no pik. 4. yu kan also make a kolumn or roe with a small dot pik that is 1 koler. In the src=... stuff, spesify the wide & hite & browser will stretch the dot tu make a rektangel the size yu spesify. ----------------------- the xtra junk at top yuzyallee is ads...thats how forum make munee.
|
|
Oct 9th, 2005, 22:17
|
|||
|
|||
|
|
Oct 10th, 2005, 08:58
|
|||
|
|||
|
Thanks for your input guys.
Phoenix, I'll try that code. Again, thanks. muneepenee, I'm sorry but I don't understand a lot of your post. I'm not very good with this internet abbreviated language I'm afraid but thanks for replying anyway. 
|
|
Oct 10th, 2005, 10:33
|
|||
|
|||
|
Rats.
It's fixed the centering problem but the positioning isn't tight enough and my whole idea hasn't solved the problem I had originally. I have a graphic I've made, and want to use as a background and banner for every page of a website I'm making. Unfortunately, the page will be composed of jpg's and a gif. I can't make the whole image a gif as I have various graduations which would be lost (and the file size would be too large), and a navigation bar (1st attempt at this kind of thing) that I can't use as a jpg because of the various different states involved in it. I want the whole page to be viewable in any resolution without repeating as a kind of half-hearted tile effect. I think I'm probably going to have to use the jpg image as a background (so it doesn't matter how wide / tall the page is when it's viewed) and then find a way to accurately position the jpg banner and gif Navigation bar onto it. Is there a way of combining gif's and jpg's on a page and position them absolutely accurately, relative to each other? Also, there is still a small gap at the top of the page, above the banner. I've set the border to "0" but I still have around 30 pixels of space above it.
|
|
Oct 10th, 2005, 16:03
|
|||
|
|||
|
Its probably the margin, set it to 0 either in ur css file or the <body> tag.
Whats the url? we can advise you much better if we could see the site.
|
|
Oct 10th, 2005, 19:10
|
|||
|
|||
|
haven't posted it as a site yet, it's not ready enough but you can get an idea of the overall effect here.
(I've no idea how to use css yet.... just startin out on html  )[edit: I used grey cobra's brushes]
|
|
Oct 10th, 2005, 19:21
|
|||
|
|||
|
I think I've figured it out.
The answer is in they way I'm trying to achieve it. I don't need the gif file. I can leave the yellow background, centralising the foreground as an overlay jpg file then, instead of using the gif file to animate the Nav Bar, I can slice up part of the jpg image and use the slices as the various functions. Thx all. Will be back with next problem soon.
|
|
Oct 10th, 2005, 20:03
|
|||
|
|||
|
Dammit!
It fixes the width problem but still leaves me with the height problem. How can I get it to display the same height in any resolution without going over the page in some, or being too short in others?
|
|
| Tags |
| align, background |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Text-Align | Marc | Web Page Design | 11 | Jun 1st, 2007 07:22 |
| Help! I can't get my boxes to align!! | Moonlilly | Starting Out | 34 | Feb 1st, 2007 23:26 |
| center align text/background image | Lchad | Web Page Design | 5 | Dec 5th, 2006 10:40 |
| Stubborn Align | virtualwhispers | Web Page Design | 2 | Jun 28th, 2006 16:26 |
| Align=Justify | Legacy_Staff | Web Page Design | 8 | Apr 25th, 2006 15:18 |
