Thanks to CZAR, my website is looking good. tell me what you think, i need to know of errors

[MikeMike]

ok, here is the website currently

use every browser at your disposal, and help me find the errors, some might be because they dont support CSS. but let me know what your running, and any errors

thanks

Mike

 

[Czar]

why not talk about it here?

 

[MikeMike]

dont like doing post++ to often, aim is quicker when your on dial-up too

 

[Zugzwang152]

or even better, the Software forum.

 

[fatbaby]

post it here

 

[Czar]

but we have quick reply

just ask here and I'll try to help you

 

[MikeMike]

ok, here was the site Originally, missing some stuff, and i needed to fit a verticle bar in it

now i used CSS to add the vert bar, and locate everything else

and it fubar'd up.

so i guess that

position: relative; needs to be

position: absolute;

however position: absolute will have adverse effect upon everything else will it not?

and how widely supported is CSS now adays?

 

[sash1]

"however position: absolute will have adverse effect upon everything else will it not?"

position: absolute; tends to have a negative effect when the window gets resized and everything is squished together. Then the numbers get messed up and everything looks like crap. But thats assuming people run 640x480/etc.

"and how widely supported is CSS now adays?"

I honestly dun know any page that doesn't have style sheets. I stopped using the position crap a while ago, but I still have style sheets to distate the rest of my stuff. Incredibly good stuff.

~Aunix

 

[Czar]

second link doesnt work

css2 works in all new browsers... ie 5 and above

 

[sash1]

Originally posted by: Czar
second link doesnt work

http://www.brownwestern.com/css%20trying.htm

correct link

~Aunix

 

[Czar]

Originally posted by: AunixM3

Originally posted by: Czar
second link doesnt work

http://www.brownwestern.com/css%20trying.htm

correct link

~Aunix

thanks

 

[MikeMike]

edited the link

incase that doesnt work, a cut and paste mode is..

www.brownwestern.com/css trying.htm

there.

the positioning is for the verticle stuff, but i had some problems with just doing that, so i decided to go all out.

yeah i forgot the 20 part after the percent

 

[Czar]

ok here is what I would suggest... put a <div> tag around the images and put the css on them

 

[Czar]

also.. you dont need a bottom position, just go with left and top

 

[MikeMike]

Originally posted by: Czar
ok here is what I would suggest... put a <div> tag around the images and put the css on them

more indepth with an example? im only a newbie webdesigner, and this is my first website, but i know a slight amount, and this 1k page book in front of me helps a bit!

i know i didnt need the btm position, i just was messin around, and it ended up gettin uploaded that way.

anyway to get CSS to center the page on the web? so that it is always centered on everybrowser?

and takes up the whole page on 6x8 (which it will automatically)

 

[Czar]

Originally posted by: nourdmrolNMT1

Originally posted by: Czar
ok here is what I would suggest... put a <div> tag around the images and put the css on them

more indepth with an example? im only a newbie webdesigner, and this is my first website, but i know a slight amount, and this 1k page book in front of me helps a bit!

ok

nr.1 download topstyle

then it would be something liket his

<div style="position:relative; top:10px; left:10px">
<img src="something.gif" />
</div>

 

[MikeMike]

Originally posted by: Czar

Originally posted by: nourdmrolNMT1

Originally posted by: Czar
ok here is what I would suggest... put a <div> tag around the images and put the css on them

more indepth with an example? im only a newbie webdesigner, and this is my first website, but i know a slight amount, and this 1k page book in front of me helps a bit!

ok

nr.1 download topstyle

then it would be something liket his

<div style="position:relative; top:10px; left:10px">
<img src="something.gif" />
</div>

ah yes, but using the classes makes it a ton easier for my eyes to read. (i'm used to C++) would that make a difference, or not really as long as the classes are done correctly?

 

[Czar]

for center and css is a bit of a trick

Lets say you have a 500px wide box you want centered there are two ways. One would be just using normal html which will be phased out someday and that is the <center> tag so it would look like this

<center>
Whatever you want
</center>

The other way is using css and the trick

<div style="position:absolute; left:50%; margin-left:-250px">
whatever you want
</div>


sorry, it has to be position:absolute (got a bit confused)

 

[Czar]

Originally posted by: nourdmrolNMT1
ah yes, but using the classes makes it a ton easier for my eyes to read. (i'm used to C++) would that make a difference, or not really as long as the classes are done correctly?

I agree, I use classes most of the time except for tiny bits where there are only one or two css varibles and then when I'm testing things out

 

[MikeMike]

ok, now the only thing i cant seem to get to budge, is the flaash menu

what do i have to type? i set its class as menu

and i am trying

image.menu
{
position:absolute;
top: 180px
left: 9px;
}

but it wont budge. is this because it is an object, and not an image? how would i move an object then?

object.menu

doesnt wanna work either.

 

[Czar]

did you try putting a div tag around the flash tags and putting the css on the div tag?

 

[sash1]

the div thing is a good idea, here's how it works (a good way):

<style type="text/css">
div.blah {
teh stuff
}
div.blah2 {
teh more stuff
}
</style>

then you can do:

<div class="blah">
teh stuff you want
</div>

<div class="blah2">
teh more stuff you want
</div>

~Aunix

 

[MikeMike]

ok, the div tag worked.

however i am now stumped on how to align the left border up with the left side of the header, when i have the header centered.

header is 750px in width.
left border is 9px in width.
menu is 180px in width.

all need to line up along the left side of the centered header.
how would i do this so that every different res setting views it idenically?

page wil be re-uploaded in a done.

 

[sash1]

YGPM

~Aunix

 

[MikeMike]

ok, i changed it some, and changed what i am now trying to accomplish. Thanks Aunix, ne 1 else?


Mike