CSS Help - Page 2

MaDDoG1221 · 03-23-2007, 04:37 AM

I see! Its all making sense now!

But a little bit at a time. (post 4)

I got it positioned correct (width wise, less then 800 as you said) but I need to lower it a bit, thought if i added "height: 500px;" it would work but nope lol. But it still moves when i resize the browser :s or this just a CSS con?

Tomassi · 03-23-2007, 04:53 AM

you have it on line?, you can use padding etc for the precise positioning

MaDDoG1221 · 03-23-2007, 05:15 AM

online -- http://www.smp.game-host.org/

If thats what you meant?

With the padding I dont get it.. Looked at the W3S site, ok so they gave me an example, So I thought it shuld work for me too, Though I dont know if ive done it right.

Index.php

Code:

<tr>
<td class="menu">
<div id="menu">
	<div id="menu"><a href="http://www.smp.game-host.org/test.php"><img border="0" img src="/images/SM3_02.gif"></a><br></div>
</div>
</td>
</tr>

home.css

Code:

td.menu {padding-top: 5.5cm}

Im assuming the CSS is right? and wow thinking hurts my head lol

Tomassi · 03-23-2007, 05:24 AM

ehh not quite

Code:

td.menu {padding-top: 5.5cm}

will give all tds(table cells) within the div called menu padding

Code:

#menu {padding-top:5px;}

should work though

oh and you got class and id menu, it's one or the other.
#menu is id
.menu is class

MaDDoG1221 · 03-23-2007, 05:34 AM

Thank you so much for your help Cashcannon!!

It works!

But I never knew about the #menu and .menu would be different, thanks!

Tomassi · 03-23-2007, 05:41 AM

glad to help

MaDDoG1221 · 03-23-2007, 05:52 AM

EDIT: NVM Figured it out

lol

Another question, to add a second image, would I do the exact same thing, but just a different ID? (and the same with the CSS?)

Tomassi · 03-23-2007, 08:25 AM

better off using classes instead of ids, and yes.

You can use the same class you know, if possible.

MaDDoG1221 · 03-23-2007, 05:31 PM

I got it all right, But its pushing the text aside :/ How do I stop it from doing that? You can look at my site if you want to see what i mean.

Tomassi · 03-26-2007, 12:41 AM

you have the width on 456px; on the menu div when you scale your browser widow you will see that happening, thats the problem with a fixed position

MaDDoG1221 · 03-26-2007, 02:14 AM

So i have to pretty much find a diff code to make it work?

Tomassi · 03-26-2007, 04:57 AM

no, see post #4

MaDDoG1221 · 03-26-2007, 05:49 AM

Yes I tried that but it only goes left to right, Which I didnt want in the first place, But ill have to redesign my images to suit it and change the way i was going to make site in the first place, oh well.

Guess its common to come across problems like these when trying to make a simple little website eh? lol

Thanks

Tomassi · 03-26-2007, 06:02 AM

The only real difference is that the menu will come next to the content, right?

MaDDoG1221 · 03-26-2007, 06:44 AM

Yes thats how I wanted it, but nvm, Ill try it that way tomorrow, right now I have a crackin headache n need some sleep lol.

CSS is very confusing since Ive never done it before, tho it seems easy enough, just remembering everything is going to take some time.