Aqua-Soft Forums

Dynamic Tables?

[...]so for now all i did was clean up the CSS to make it look more like i wanted, and structure some things with tables. Yes they were necessary i swear!

[...]

Here it is.

Tables are not a structural element. I can seriously see absolutely no reason for you to use any tables in anything you're doing there. You have no content which makes semantic sense to be in a table, so why use them?

EDIT: I also accidentally saw what the page looks like when no CSS is applied or images are loaded, and it's still readable, so good job stevie.

That's just one of the many benefits of the fully standards approach ;)

#281481

Ok, sorry about the brief experiment with the tables, now i got some new css sorted so they're gone.completely ;) . Anyway, i did a big update on the grpahics, but this also involved changing the size of a lot of things which went fine, apart from one problem which i cant seem to solve. It'll be pretty obvious what the problem is once you go there. I managed to iron ot some other things though, like putting a darker line across the top of the bars when the section above them is open so that everything looks smooth. Works well in IE to :D So anyway, are the new graphics better or worse? Thanks again.

Opps, link HERE.

P.S. I'm having trouble aligning the whole thing centrally. I tried putting it all in one big div and setting that as centrally aligned, but all that did was move the text, so any other way or will i need to change each css style individually?

#281585

Set the body to text-align:center;

and i see that the background image is repeating causing a little bar after the columns (firefox btw)

cdiBKProb.jpg

#281596

@roxtar, I've checked all the repeat settings, and they are all set to no-repeat. I cant seem to find why this is happening... I also checked that all teh secitons are the correct width and this seems fine to. hmm...

#281617

align: and v-align: are NOT VALID CSS

to center something you have to do the following

<div id="container">

	  <div id="yourstuffsssss">

	  </div>

</div>

#container {

	  text-align:center;

}

#yourstuffsssss {

	  margin: 0 auto;

	  width: 2px;

}

it will be centered

also you will have lots more of these problems because YOU ARE USING TABLES... please give us all a break and use some nice code :)

#281664

I copied your site and can't make it work either. But i noticed that you have the style sheet declared twice. Shouldn't be a problem though.

Somehow Stevie's javascript is adding style to the H2. this is what i get when i view source with javascript enabled

<h2 style="background: transparent url(./images/headerbg.png) repeat scroll 0%; 

-moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy:

 initial;">News</h2>

and with it disabled

<h2>News</h2>

i copied your site and removed all the script your host throws on so the only script left is Stevie's

also you will have lots more of these problems because YOU ARE USING TABLES... please give us all a break and use some nice code

He's not using tables.... the host puts on so many ads and tables.

#281674

ok well sounds like you got rid of the ad crap from the host, but for future reference here's the current site as is before being mangled by the host!

Site.zip (980kb)

I'm still working on the background thing, yeah my css file is a bit of a mess now :S but i'll sort it out (i hope)

EDIT: YES FIXED IT. Was a pretty stupid mistake. Something to do with offsetting the right hand side by mistake. Well it works now :D

oh and thanks for the tips i'll have another go at aligning it centre later ;)

#281694

aghh the small ads take up more characters than the actually webpage :o

#281731

To get it centred correctly, you have to do the following with your CSS:

body{

	 width:520px; //or whatever your width will actually be

	 margin: auto;

...................... //other code that you have

}

#281774

To get it centred correctly, you have to do the following with your CSS:

body{

	 width:520px; //or whatever your width will actually be

	 margin: auto;

...................... //other code that you have

}

that doesn't work in IE. you need to do what i wrote to get it to work in every browser

#281781

that doesn't work in IE. you need to do what i wrote to get it to work in every browser

No you don't. I have it working in IE, Firefox and Safari every single time I have done it.

#281843

IE 5.5 doesn't center it when you put margin:auto; so it needs text-align:center;

#281890

IE 5.5 doesn't center it when you put margin:auto; so it needs text-align:center;

Well, IE on the Mac (Mac OS 10 version) centers with margin: auto; (Which I was surprised about seeing how IE for Mac is quite dodgy). Even the Mac OS 9 version of IE supports margin:auto; (and works better than IE for Mac OS X).

I haven't tested it on a computer which may still have IE5.5.

EDIT: Just tried it with IE 5 on Windows and I see what you mean. At least those sites that I have done margin:auto; on still look good.

#281913

lol ie on mac is nothing like ie on PC it has no problems it just is ****ed crap like OLD STUFF ya know ;)

fyi the mac & pc devs are not the same so obviously those mac dudes made ie:mac >> much better than ie for windowz

#282024

lol ie on mac is nothing like ie on PC it has no problems it just is ****ed crap like OLD STUFF ya know ;)

fyi the mac & pc devs are not the same so obviously those mac dudes made ie:mac >> much better than ie for windowz

Not strictly true. IE5:mac has more stable CSS1 support, but CSS2 is more supported by IE6:win - why do you think there are hacks to hide lots of things from IE5:mac?

That said, the current most standards compliant browser (save Apple's internal Safari builds) is actually Mac MSN 7 - it uses the Tasman engine (from IE5:mac) but the version that was destined for the never-released IE6:mac.

#282029

Ok, well the site works well, and i've just been messing around trying some other simple features, like a style switcher. It works beautifully when i run it here on my PC, but as soon as i host it, everything stops working. I was wondering if some of you could just download the site below and test it on your computers so i can see if it's my page and code that is wrong (even though it works fine on my comp), or if it's something the host is doing to the page.

Thanks!

EDIT:

This is what it should look like:

latestupdate2hq.jpg

#282198

works fine except for the gray style and it's not centered (not sure if you still intend on having it centered)

edit... realised it was too big.

http://easy.savefile.com/file/cdiGrayStyleProb.jpg

#282281

thanks, the grey was supposed to be different ;) just an experiment. I guess that if it works fine with you, then it must just be the rubbish host :( well i'll get some proper hosting soon.

Also, i've got a whole new load of styles, with a decent layout (not centred, but something different with a bar down the side that looks much better)

I'll get those up when i'm done.

#282299

it doesn't work w/ safari

the code you are using is this

<script>

var StyleFile = "style" + document.cookie.charAt(6) + ".css";

document.writeln('<link rel="stylesheet" type="text/css" href="../../../../unavailable.html">');

</script>

it probably is some windows or ie only code

use david appleyard's switch which works

#282351

Yeah, plus Mozilla doesn't support your code by default--which it should, if you do it correctly. If you're good at learning by example, you can see what it's like on my site.

http://nc.seph.ws/ (look at the source code)

Here's the tutorial linked on dappleyard's site: http://ppleyard.org.uk/archives/2004/12/

-NC

#282394

@CDi2

I looked at your mock-up, and it looks like crap in IE (the CSS is mangled-could just be my work computer)...but looks good in Firefox (I use portable firefox at work, since they keep us from installing software on our machines)..

One design/functionality suggestion I would make is to have your style switcher always visible, and not hidden in the options tab.

Also, clicking on the "-" doesn't close the tab you open when you click on the "+", but you may already know this.

Otherwise, it's pretty clean, and I like it.

#282522

ok thanks, i'll work on those, now could i ask you about the graphics. are the ridiculously bright? they're not supposed to be but i've been working on my laptop and the colour must be out of sync, because it appears very bright when i checked on another computer. is this the same for everyone??

#283291

I think your graphics were pretty clean and not overwhelming.

Laptops and Desktops oftentimes have different display intensities, so it may just be a color calibration issue that you're having with your laptop.

If you have photoshop, I would reccomend that you run through the adobe gamma wizard; that usually helps.

#283367

I'd have to add my 2 cents and say that the graphics do look awful bright...can you tone them down a little bit? (emphasis on little)

#284956

Haven't been able to work on this for a while, but got back to it. Made some major changes, including incorporating a blog based news update/feed inside one of the sections. The blog is nucleus based, and i chopped and shrunk it to size. Take a look. Also, trying out some new header images,got rid of the other ones now that i can work ona computer with a decent monitor and see how bright they are.

Anyway, here's the link: [link]

Tell me what you think ;)

#291036