HTML/CSS Help

pcmagic

pcmagic

Member
Hi Folks
____

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
_____

When I added this to my template for my Dropdown Menu, It's changed the size of the cotent area..(LINKS BELOW)

** With Doctype and Dropdown Menu

** Without Doctype and With Dropdown Menu
REMOVED
_

it's not ignored the CSS but it's changed ... well you can see what it's changed.

Also I seem to have a structure problem, view the template on different
resolutions, Best viewed at 800x600...It's leaving gabs in between the tables the bigger the resolution gets....How do i fix that?

Any Tips..

Thanks, Much Appreciated
 
Last edited:
Im not sure what you mean, the index.html seems to be working perfectly for me (The one with doctype). Its best practice to always have a doctype.

There are two problems with it however, first its only 560 pixels wide, while the rest of the page is set for 800.

Edit this,
Code: 
<table width="560" cellspacing="0" cellpadding="15">
to be this.
Code: 
<table width="800" cellspacing="0" cellpadding="15">
(You might need to change the width property on several of your other tables as well)

Second, Im not sure which table needs it(all?), but add this bit of HTML/CSS to get rid of this very thin line between tables/columns/rows.

Code: 
style="border-collapse: collapse;"

Hope this helps :).
 
Last edited:
Thanks I'll try it ..

From the above Links
Index.html < I want Index2.html to look like that and function properly..

Did you view them in different resoloutiions and see the tables moving with the height? ..

Also see the footer in either link, The bottom image has a space - Thin Line I can't get rid of..

Thanks,
 
pcmagic said:
Thanks I'll try it ..

From the above Links
Index.html < I want Index2.html to look like that and function properly..

Did you view them in different resoloutiions and see the tables moving with the height? ..

Also see the footer in either link, The bottom image has a space - Thin Line I can't get rid of..

Thanks,
Click to expand...

You want index2.html to look and work like index.html? So just work on index.html until it works and make a copy then name it index2.html...right?

I saw what you meant ONLY with index2.html, that seems to be the problem. Index.html, besides the two errors I pointed out works fine.

Thats what the border-collapse was supposed to take care of ;). Put the collapse code I posted into all of your tables, should fix that.
 
I did, index2 is a copy of Index,
---- I added the Doctype for the dropdown and the dropdown code to the menu then saved it as Index2,
---- Index has no doctype and doesnt have a dropdown menu as its not meant to.

I' need to install my programs onto this new computer, I'll try your edits above soon,

Thanks .
 
Sorry, Confussed,

Index = Dropdown with Doctype
Index2 = Copy - with Dropdown Code and No Doctype

I've made the changes on Index.
http://footygfx.co.uk/scotbase/index.html

The fine lines between the belowfooter and in between the header and navbar are still there, I've added the CSS to the Class so why is this?

Thanks,
 
Ahhh Gotcha, and Because the Main does not have a Class, It's noting getting the border style..Correct?

Understanding now, Thanks, I'll tried to change what you mean but I'm a bit confussed how because of the way i've done it, This is the first time I've tired to use CSS for more than styleing text.

Also I noticed that in different resoloutions it's not breaking up anymore?

Do you have MSN? I promise I wont annoy haha! Easier as your the only one helping anyway hah!

Thanks again, Appreciated
 
Last edited:
Yeah. CSS was tricky for me at first as well.

Unfortunately I dont have msn, but I do have xfire(kobaj).
 
Ah ok then. No problem, Yeah indeed it is quite tricky gettin the ropes for it.

How can I change this to the layout you have said? Could you help please?

Thanks again,
 
With the way youre code is setup it should be relatively easy.

Currently its
<table>
/code
<table>
/code
</table>
</table>

Simply change the header, main, and footers (and whatever else there is), to close a table, before opening another one.

<table>
/code
</table>
<table>
/code
</table>

The only thing you will have to watch out for is that your header uses tables to make the links popup and you dont want to change that or else the popups wont work! Also, your large content table should not close until the very end, ya know?
 
I tried but failed, I got lost around the middle. not all have <table> and </table> well I couldn't find them or the correct one's I want as they are obvi there. I completed it then Previwed it and things are missing and way out of place now ha!

Don't like asking but could you spare a few minutes to show how? I'll examine then redo it myself!

Thanks,
 
Last edited:
I started rearranging your code but I agree, was getting a little confusing. Here is a slightly edited index.html that I changed around, hope it works. If not Im afraid Im at a loss and you might try starting fresh with the new way of making tables ;).
 

Attachments

Thanks mate,

Seems better but the small line (can you see it) below the footer and the belowfooter image is still there..Werid, Very.

Regards,
 
Yeah, I see it,

But I looked at the code for the index.html and its not the one I did. Did you correctly upload it? If anything, its kinda grown on me and makes it look a little interesting :P.
 
Sorry mate, I've uploaded it now, (index.html)

As you circled, It's still there, I've looked and looked at it and can't see why it's happening, Also I added text text to the Footer and I'm using FireFox - It looks fine but when i tried a preview in IE7 it's different, As if Padding hasn't been recognised...Things get better ha!

Thanks,
 
Oh, the text does help. I was looking at the footer in the wrong light XD. But it all looks good. The only thing that I can think of, is whenever using an external style sheet, I was always taught to do it like this,

table.container
{}

whereas you are simply using this,

.container
{}

I see you did it like this because you not only have a table.container, but you also have p.container, and td.container, etc and didnt want to copy past.

Im at a complete loss however as to why its not working. Ill spend some more time looking at the code and if I see anything, Ill let you know. But still, in all honesty, its not THAT noticeable.
 
Yeah, Thanks anyways, Did you manage to get another wee look at it? I still can't find the problem and I've left it so far and have moved onto my content, things are shaping up but I really don't know what to put on the left hand side area, I was thinking about putting clients done the left as a gallery but they will probarly start argueing that ones on the website and ones not, plus i'm not sure what way to do it. Any ideas?

h**p://www.gersfans.co.uk/footygfx/ScotBase/

Also another little question mate, sorry. The navagation bar, see how I have made rollover images, how can I get the rollover image to be an active image, for example if your on the Home page it will display as the hover image and if your on shows it will move and display as the hover image mage?

Cheeeeeers mate!
 
h**p://www.scotbase.com/

The website is now finished, content took a while but it's looking good I think.

What do you think?

I'm still wondering if it's possbiel on the navagation bar, Once your on whatever page it will display the hover image on that link and it will move as you move page.

Thanks Again for the help.
 
Wow, it looks really nice.

Unfortunately, with the way you have your lists/navigation setup, I wouldnt know how to do the hover image either.

But good job, glad I could help :).
 
You must log in or register to reply here.
Back
Top