Puzzling over how they did it at this site

[gorilla1]

Someone pointed to this site in another post and I looked at some of the html to see how they were doing certain things, and I am puzzled. Can anyone explain how "cool" "showgridx" and "gridy" function and what they are in the following html from this url and what they are: http://www.themepark.com/contact_us.php

<table cool width="743" height="192" border="0" cellpadding="0" cellspacing="0" gridx="16" showgridx gridy="16" showgridy>

I also cant figure out why the menu at the top is shifted left (cant see what in the html determines that, or why there is white to the left of that menu, given the blue/black background image that seems like it ought to be tiled there).

G

[ronaldb66]

Dunno, looks like they have found a way to extend HTML? They're using PHP as backend, so maybe there's the trick, but as i said: dunno.

[premshree]

Well, I could not find those tags..........but maybe as ronald said some HTML extension or maybe they are using such attributes and onLoad they trigger a JS function, if such an attrib exits (using the getAttribute); not sure though.

[MCookie]

Gorilla,
the first two cells of the top row have the rowspan attribute. That's gives the whitespace at the left of the menu:

<table width="740" border="0" ...
<tr>
<td rowspan="2" bgcolor="white" ...
<td rowspan="2" bgcolor="white" ...
<td colspan="2" bgcolor="white" ...

The "showgridx" and "gridy" is Adobe GoLive stuff. Maybe it means something for some browser, just like Netscape's <spacer type="block">.

[murphyz]

gridx and gridy will be co-ordinates on the x and y axis where something will appear on the page.

I assume 'cool' is thrown in there so it's easier to see if people are copying their html. I assume that word could be deleted without any malfunctioning...but most people will think they need to leave it there. It's similar to naming styles with your initials so people will think it needs to be like that to work, yet you know it's just so you can see who copies your code.

I'm only guessing though.

Mxx

[gorilla1]

Ah, ok, MCookie, I see on the white background of the top part....
Thanks to all.... But concerning 'cool', and 'gridx', gridy' etc.,... There is one effect there they accomplish in that bit of code that prompted me to look at the html in the first place. They create a grey box with rounded corners without using any image file. This is what some of those strange tags (?) must contribute. Is it an Adobe 'golive' thing?... Otherwise, a mystery, I guess.

G

[gorilla1]

One more clue on this - if you pull the html down into a file and run it on your own desktop, the grey box no longer has rounded edges.

G

[Roy Sinclair]

Actually the rounded corners are an image. <img height="10" width="420" src="images/graybar_med.gif"> from their code.

[gorilla1]

Right you are, Roy. I missed that. So then I am unsure what, if anything, those funny 'tags' do.

G

[Roy Sinclair]

Those tags do nothing except enlarge the HTML file. You can put all kinds of things into the tags but unless the browser understands them they are simply ignored.

[brothercake]

Originally posted by Roy Sinclair
Those tags do nothing except enlarge the HTML file. You can put all kinds of things into the tags but unless the browser understands them they are simply ignored.


Not true at all - you can invent your own attributes, and read them using the getAttribute method. This is incredibly useful, because it allows you to implement javascript functionality very easily - see http://www.dynamicdrive.com/dynamicindex15/domroll.htm for an example of this

[zoobie]

Speaking of images and tables, here's a php script I found and lost 6 months ago that makes rounded corners on your tables without images. It's called a finetable (http://www.ingoknito.de/scripts/finetable/test_finetable.php). :thumbsup:

[gorilla1]

Zoobie and brothercake,

Dynamite info, thanks. I learned a few things in this thread anyway.

G