Coding in D/M OMG

docquesting · 03-01-2005, 09:02 PM

Well I have found out yet again how very little I know about webdesign, even with dreamweaver. I feel like an idiot. I need some pretty serious help and you must realize I know enough how to mod html and simple things. I also am in a hurry to get this site up as mentioned in the other forum.

Note: I saved everything in 800*600 images before slicing. I realize that this part is not perfect but I want to get the coding right ahead of time so I will be ready for that.

Question.

#1 How in D/M do you get the table or top of the header to show none of the bg at the very top. I also need to know this as well for the bottom. I want the main table area not showing any bg at top or bottom.

#2 How do you get everything merged together so nothing is seperated in the tables with D/M.

#3 How do I keep the main bg to keep from starting another image off to the side and also how to fix the part at the bottom.

Lets work on these areas first and if you see anything or have a comment on anything else please be curteous enough to pm me it to me in private. I really need to get the above problem solved fiirst.

Thanks for the understanding and the help.

Doc.

http://www.hostinginnovators.com/test.html

DaveyBoy · 03-01-2005, 09:13 PM

#1 Go to Modify > Page Properties. Change 'top margin' and 'bottom' margin to 0.

#2 Don't understand.

#3 I dunno how to make the background image not repeat, but it usually does this on every web site out there. Just make ur bg fit to a high res, then it isn't gonna repeat. There is probably some CSS solution or something, but I don't know.

docquesting · 03-01-2005, 10:14 PM

I fixed the top part now what about the bottom part? I want that to be the same as the top is now. Also atleast in my browser where the links are in between the header and the main table are slight spaces. How to fix that?

DaveyBoy · 03-01-2005, 10:35 PM

the bottom part is harder, can't remember how to do that now, it'll be a CSS code though, i'm sure.

Erm, the gaps between the links, try typing in manually the width of the cells - make the cells the same width as the link image.

littleFella · 03-02-2005, 05:22 AM

there is an html thingie for #3 but I don't remember what it is. ASll I know is that it works only for IE. As for the other browsers it's javascript.

Ricoool · 03-02-2005, 06:16 AM

you need to make a new text file with this in it:

body {
padding: 0;
margin: 0;
background-color: #91613D;
background-image: url(ht_bg.gif);
background-repeat: repeat-x;
}

save the file as ht_style.css in the root folder

then place the image in the root folder

then in the html document between <head> and </head> you put:

<link href="ht_style.css" rel="stylesheet" type="text/css">

it will not give the same result but this is the way to do it

docquesting · 03-02-2005, 11:17 AM

Ok stupid question. What is the gif for lol.

greg · 03-02-2005, 11:42 AM

because your bg is tiling doc. if you do it that way then it will just be one single gradiant across the page intead of how it is now. not to mention you are going to cut down on load time by about 3 or 4 seconds.

DaveyBoy · 03-02-2005, 11:43 AM

will it still tile vertically doing that? i'm assuming yes lol

docquesting · 03-02-2005, 11:44 AM

Ah oh ok. I saw one I used as a bg in a square shape b4. and didnt use any extra code. How would I do that?

Edit ok thanks guys for the bg help so far. I think that solved the problem. I just saved it in 1024*768 mode as a gif and now it seems ok. Can you guys tell me how it looks in your browsers under which settings?

DaveyBoy · 03-02-2005, 11:59 AM

still tiles on 1280x1024, as expected. it'll tile on everything over 1024x768.

docquesting · 03-02-2005, 12:03 PM

So how did Ricool do the above gif and what pixel size?

DaveyBoy · 03-02-2005, 12:05 PM

i dunno the pixel size, he just took a sample of the gradient and then gave u some code to make it repeat right across the page, you could make a taller gif yourself to stop it tiling vertically.

docquesting · 03-02-2005, 12:08 PM

Well see the way the bg is it almost needs to stay like it is. I doubt the above code would work for the image I am using for a bg. I need to try to come up with away that will take care of the tiling for any browser settings without added code if possible. Can you think of anything that might possibly work?

DaveyBoy · 03-02-2005, 12:12 PM

docquesting · 03-02-2005, 12:15 PM

Thanks in advance for everyone helping me out like this.

Oh darn someone please help if you know how to do what I am trying to do.

DaveyBoy · 03-02-2005, 12:17 PM

what image are you using as the background? i can't see why it's so important to now have any of it missing or cropped off on lower screen resolutions.

docquesting · 03-02-2005, 12:24 PM

Ok the way the image is atleast to my understanding on the above will not work like that. Maybe this will help you to think of something.

Ricoool · 03-02-2005, 12:24 PM

doc you cant do what you want, unless you can accept that it takes forever to open the page, you would need a image that is at least 1600x1200 and then you still dont get the result you are looking for, in anything smaller then 1600x1200 and it will tile again if the screen is more then 1600x1200, the way i did it is the way to go