Creating a grid with <DIV> tags

am 09.07.2007 18:24:10 von Todd Cary

Is there a reference on creating a "grid" with

tags (no
)? Example:
http://www.toddcary.com/friends/070707_amber_michael/

Many thanks...

Re: Creating a grid with <DIV> tags

am 09.07.2007 20:01:27 von jkorpela

Scripsit Todd Cary:

> Is there a reference on creating a "grid" with

tags

None that I know of. It's not rocket science, though.

> (no

)?

Why not? Is the grid not tabular? So why would you create a grid?

> Example:
> http://www.toddcary.com/friends/070707_amber_michael/

I guess you're referring to the table-like (or grid-like) presentation of
images. You seem to have used div elements for that. So what's the problem?
You _could_ probably simplify the markup and styling, but what do you really
see as the problem here?

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Re: Creating a grid with <DIV> tags

am 09.07.2007 20:21:08 von a.nony.mous

Todd Cary wrote:

> Is there a reference on creating a "grid" with

tags (no
>

)? Example:
> http://www.toddcary.com/friends/070707_amber_michael/

Why not make the "grid" resize when browser window is larger?

Instead of all those divs, how about something similar to this, using a
fairly simple list:
http://fingerlakesbmw.org/visual/flmgshow.php

Oh, and that huge 2,746px × 2,746px "shadow" image makes the page take
forever to paint. You could use a CSS-defined dark grey color instead.
The soft edges of the graphic don't fit in my browser window.

--
-bts
-Motorcycles defy gravity; cars just suck

Re: Creating a grid with <DIV> tags

am 09.07.2007 20:22:24 von Sherm Pendley

Todd Cary writes:

> Is there a reference on creating a "grid" with

tags (no
>

)? Example:
> http://www.toddcary.com/friends/070707_amber_michael/

Looks like tabular data to me... Why not just use a table?

sherm--

--
Web Hosting by West Virginians, for West Virginians: http://wv-www.net
Cocoa programming in Perl: http://camelbones.sourceforge.net

Re: Creating a grid with <DIV> tags

am 09.07.2007 21:15:24 von cwdjrxyz

On Jul 9, 11:24 am, Todd Cary wrote:
> Is there a reference on creating a "grid" with

tags (no
>

)? Example:http://www.toddcary.com/friends/070707_amber_michael /
>
> Many thanks...

Yes you can create a grid with only css division tags, but I am not
for sure you will want to do it except in special cases. My perpetual
calendar at http://www.cwdjr.net/calendar2/perpetual_calendar.php is a
grid of a whole year of dates and months and has to be figured out for
each year. You first enter the year of interest. When the server
receives this, the year calendar is calculated using php scripts, and
this includes calculation of the css for positioning in a calendar
grid. Also US legal holidays are calculated and red is used for these
dates. This is a 4 dimensional problem, with a nest of 4 loops used
in the main calculations. For anything of much complication, I think
you will agree that you would not want to write all of the divisions
by hand, even for a single year, if you look at all of the divisions
downloaded to the page after the calendar is calculated.

Re: Creating a grid with <DIV> tags

am 09.07.2007 22:47:37 von Todd Cary

Jukka K. Korpela wrote:
> Scripsit Todd Cary:
>
>> Is there a reference on creating a "grid" with

tags
>
> None that I know of. It's not rocket science, though.
>
>> (no

)?
>
> Why not? Is the grid not tabular? So why would you create a grid?
>
>> Example:
>> http://www.toddcary.com/friends/070707_amber_michael/
>
> I guess you're referring to the table-like (or grid-like) presentation
> of images. You seem to have used div elements for that. So what's the
> problem? You _could_ probably simplify the markup and styling, but what
> do you really see as the problem here?
>

That display of the images was created by Adobe's Lightroom. I
like the way the grayed margins are placed around the images. My
current display done using a Borland Delphi program I wrote is
Plain Jane (www.toddcary.com/rotary/).

Re: Creating a grid with <DIV> tags

am 09.07.2007 22:54:40 von Todd Cary

cwdjrxyz wrote:
> On Jul 9, 11:24 am, Todd Cary wrote:
>> Is there a reference on creating a "grid" with

tags (no
>>

)? Example:http://www.toddcary.com/friends/070707_amber_michael /
>>
>> Many thanks...
>
> Yes you can create a grid with only css division tags, but I am not
> for sure you will want to do it except in special cases. My perpetual
> calendar at http://www.cwdjr.net/calendar2/perpetual_calendar.php is a
> grid of a whole year of dates and months and has to be figured out for
> each year. You first enter the year of interest. When the server
> receives this, the year calendar is calculated using php scripts, and
> this includes calculation of the css for positioning in a calendar
> grid. Also US legal holidays are calculated and red is used for these
> dates. This is a 4 dimensional problem, with a nest of 4 loops used
> in the main calculations. For anything of much complication, I think
> you will agree that you would not want to write all of the divisions
> by hand, even for a single year, if you look at all of the divisions
> downloaded to the page after the calendar is calculated.
>

That display of the images was created by Adobe's Lightroom. I
like the way the grayed margins are placed around the images. My
current display done using a Borland Delphi program I wrote is
Plain Jane (www.toddcary.com/rotary/). In this case I used
tables, however when I saw what Adobe accomplished with
divisions, it got me curious about using them that way. Using
divisions, I got this far:
http://www.toddcary.com/test/div_grid/lession_07.html

With this page, can the background color of the "blank" image
have a color? http://www.toddcary.com/test/div_grid/lession_08.html

Thanks...

Re: Creating a grid with <DIV> tags

am 09.07.2007 23:09:16 von Todd Cary

cwdjrxyz wrote:
> On Jul 9, 11:24 am, Todd Cary wrote:
>> Is there a reference on creating a "grid" with

tags (no
>>

Re: Creating a grid with <DIV> tags

am 09.07.2007 23:31:56 von Todd Cary

cwdjrxyz wrote:
> On Jul 9, 11:24 am, Todd Cary wrote:
>> Is there a reference on creating a "grid" with

tags (no
>>

)? Example:http://www.toddcary.com/friends/070707_amber_michael /
>>
>> Many thanks...
>
> Yes you can create a grid with only css division tags, but I am not
> for sure you will want to do it except in special cases. My perpetual
> calendar at http://www.cwdjr.net/calendar2/perpetual_calendar.php is a
> grid of a whole year of dates and months and has to be figured out for
> each year. You first enter the year of interest. When the server
> receives this, the year calendar is calculated using php scripts, and
> this includes calculation of the css for positioning in a calendar
> grid. Also US legal holidays are calculated and red is used for these
> dates. This is a 4 dimensional problem, with a nest of 4 loops used
> in the main calculations. For anything of much complication, I think
> you will agree that you would not want to write all of the divisions
> by hand, even for a single year, if you look at all of the divisions
> downloaded to the page after the calendar is calculated.
>

And this is getting very close since the drop shadow is done
within the Delphi image processing:
http://www.toddcary.com/test/div_grid/lession_09.html

Re: Creating a grid with <DIV> tags

am 09.07.2007 23:56:06 von Todd Cary

cwdjrxyz wrote:
> On Jul 9, 11:24 am, Todd Cary wrote:
>> Is there a reference on creating a "grid" with

tags (no
>>

)? Example:http://www.toddcary.com/friends/070707_amber_michael /
>>
>> Many thanks...
>
> Yes you can create a grid with only css division tags, but I am not
> for sure you will want to do it except in special cases. My perpetual
> calendar at http://www.cwdjr.net/calendar2/perpetual_calendar.php is a
> grid of a whole year of dates and months and has to be figured out for
> each year. You first enter the year of interest. When the server
> receives this, the year calendar is calculated using php scripts, and
> this includes calculation of the css for positioning in a calendar
> grid. Also US legal holidays are calculated and red is used for these
> dates. This is a 4 dimensional problem, with a nest of 4 loops used
> in the main calculations. For anything of much complication, I think
> you will agree that you would not want to write all of the divisions
> by hand, even for a single year, if you look at all of the divisions
> downloaded to the page after the calendar is calculated.
>

Though some of the margins will be dynamically created in the
Delphi application, my challenge is to figure out how to put some
text in the outer gray area without changing everything:

http://www.toddcary.com/test/div_grid/lession_10.html

Re: Creating a grid with <DIV> tags

am 10.07.2007 01:55:03 von Nik Coughlin

Beauregard T. Shagnasty wrote:
> Todd Cary wrote:
>
>> Is there a reference on creating a "grid" with

tags (no
>>

)? Example:
>> http://www.toddcary.com/friends/070707_amber_michael/
>
> Why not make the "grid" resize when browser window is larger?
>
> Instead of all those divs, how about something similar to this, using
> a fairly simple list:
> http://fingerlakesbmw.org/visual/flmgshow.php
>
> Oh, and that huge 2,746px × 2,746px "shadow" image makes the page take
> forever to paint. You could use a CSS-defined dark grey color instead.
> The soft edges of the graphic don't fit in my browser window.

Or the shadow could have been done as a handful of repeating css background
images, weighing in at a few hundred bytes each