CSS Help

Amailer · **Posted:** Mon Jun 27, 2005 4:24 pm

Hey,
I need some help here.... I'm building a clan site for my friend http://www.aov.gfx-pro.ath.cx/

If you visit that site, you'll see that there is a menu on the left hand side.. and that its like floating in a static position (inside the um id body_box).

Now what I want to do is make it so that, if the text is longer then the menu... the lower part of the menu gets automatically streached also so that the text doesn't go under it like it does now...

Anyone know how?
Thanks

P.S It took me a while to figure out how on earth to make the menu go inside another id and yet be stuck on one side of it while the text is on the other... i.e. what the site currently looks like... I'll try and figure it out my self but im a bity lazy atm Razz

P.S.S Also, how on earth do I make it so that links open in a new window? XHTML Strict doens't allow target="_blank" ....

P.S.S.S o.O anyhow, I asked this guy who is- amazing in designing... but he said I should use one colour (red) and use diffrent shades of it.. including orange tho... so just wanna know if I should do that or just stick with the green/red

md · **Posted:** Mon Jun 27, 2005 10:34 pm

I'm thinking setting the left padding on the main text area to the width of your menu plus a bit should do it. I haven't really looked at your css or html though so I'm not quite sure.

Amailer · **Posted:** Tue Jun 28, 2005 10:23 am

Uh, I don't think the padding would do it...
The thing is, its 'floating' towards the left of the body_box because thats currently the only way I know how to make like two rows
MENU | Body Text

On IE it works- though it looks ugly on IE o.O
So hard to make things compatiable :S but im so close....

Amailer · **Posted:** Tue Jun 28, 2005 6:03 pm

Hey, I found out a way to make an image hover...

CSS:

a .button {
float: right;
width: 59px;
height: 27px;
background-image: url(../images/button_up.gif);
}

a:hover .button {
background-image: url(../images/button_down.gif);
}

HTML:

It seems to be working (on IE/Firefox/Opera) but... when I do the XHTML Validator, it says I cannot use DIV like that... any idea what other tag I could use to replace div? I tried span but it just screws up my site layout o.O

Amailer · **Posted:** Wed Jun 29, 2005 7:14 am

Strange... I tried it before and it didn't work but now I tried it and it worked Laughing

yay

CSS:

a.button {
width: 59px;
height: 27px;
background-image: url(../images/button_up.gif);
}

a:hover.button {
background-image: url(../images/button_down.gif);
}

HTML:

yay

wtd · **Posted:** Wed Jun 29, 2005 3:35 pm

Yay Micrsoft for not implementing hover on every element, like every other sane browser does.

Amailer · **Posted:** Wed Jun 29, 2005 5:29 pm

Yeah, its REALLY anoying to make your site compatible to pretty much all browsers o.O I don't know if thats possiable.

I got 1 prob, (actually 2 bug iunno if 2 can be solved) in Opera if you view the 'search box' (on that site aov) you'll see that its a bit messed and it isn't where its suppose to be (view on Firefox/IE to see how its suppose to be).

If I removed the margins/padding- there is still for some odd anoying reason- a big gap on top (from the top part of the image to the search textbox)... something is wrong with opera and its killing it all..... Sad

	Computer Science Canada Programming C, C++, Java, PHP, Ruby, Turing, VB Username: Password: Register
Wiki Blog Search Turing Chat Room Members