Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Posts
    553
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Puzzling over how they did it at this site

    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

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Mumbai, India
    Posts
    218
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    NL
    Posts
    421
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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">.

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    London
    Posts
    220
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    "Imagination is more important than knowledge" A. Einstein's 'Twin Paradox'

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Posts
    553
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Posts
    553
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Actually the rounded corners are an image. <img height="10" width="420" src="images/graybar_med.gif"> from their code.
    Last edited by Roy Sinclair; 07-17-2002 at 04:02 PM.

  • #9
    Regular Coder
    Join Date
    Jun 2002
    Posts
    553
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Right you are, Roy. I missed that. So then I am unsure what, if anything, those funny 'tags' do.

    G

  • #10
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #11
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #12
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #13
    Regular Coder
    Join Date
    Jun 2002
    Posts
    553
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Zoobie and brothercake,

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

    G


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •