My Disk Menu Demos

BorderRG.htmspan
Subtitle might use span with class of fontsize66percent

 html ref   html ref   css 1 ref 

Throughout: Sb: Resolve float left class issues. Box of floaters how? Div charmin01 may work. Without styles. But demo here ruined by overwide other page content?

Some of the div ids here: tl-naming, charmin01, 3x3-tl-imgs why failing??, ....

Shadowing can be by: HTML border style of e.g., outset. Background style with a url(). ... bg plaque styles 3 different ways? 3x3 uses -s2br images. 5x5? 7x7 uses any tl- set.

---

borderrg.htm ..20071225..

Bordering development work.

(Replaced htmltbl.htm 20071223.)

=====Move to 7x7 collection: home.htm plaque as just fine in use months has ended=====

---

---

Bordered in a 3 x 3 array, table class m0p0:

---

---

1.1c,100r;100,100 xc,100r;100,100 1.1c,100r;100,100

1.1c, yr;100,100 Xc, Yr;100,100 1.1c, yr;100,100

1.1c,100r;100,100 xc,1.1r;100,100 1.1c,100r;100,100

table class=m0p0 3 x 3 array

sb someday not need cellspacing="0"
yellow sb transparent.

	top-	tr-
l-
bl-

top bot widths not 100%, but sb unsaid or force X of bordered cell?

---

---

Bordered in a 3 x 3 array:

Bordered in a 3 x 3 array

sb Autosize the border gifs how?

tl-	top-	tr-
l-
bl-

---

Bordered using css border= styles:

CSS div border-style here are: none dotted dashed solid double groove ridge inset outset

---

Bordered in a 5 x 5 array:

Total widths 20em, heights 13em.

---

Bordered in a 7 x 7 array:

---

Bordered in a 7 x 7 array:

NAVPLAQUE DIV
=======================

---

Past Work Area:

x	x	x
x	x	x
x	x	x

Trying to tighten the table...

x	x	x
x	x	x
x	x	x

Sb Add example of each known .../3/n.gif set of top- bot-, and tl- top- tr- br- bot- -bl -l. NOTE!!! -- Frame imgs BELOW WORKED! New test here is not as good, why? HOW RID THE cell spacing??? So, how many places need explicitation of border-width, margin, padding [, spacing?]?
Buttons designs simple, varying border styles. Could tabs be by table cells, or spans, with top solid right solid bottom none left solid for the tab in effect, then blank cell or span, then top grayed right grayed bottom solid left grayed for each other tab? Or add graphical tabs l and r edges?
Gonna try for tabs technique, active as outset or solid or , with transparent bottom border. And nonactive as inset or dotted or , with solid bottom borders --

		-sh1 DO MATCH WELL: tl-, top-, tr-; l-, tabdemo6 CELL, r-; bl-, bot-, br-
tabspacer	ACTIVE TAB TABSETRG1	tabspacer	INACTIVE TAB	tabspacer	INACTIVE TAB
tabspacer	ACTIVE TAB	tabspacer	INACTIVE TAB	tabspacer	INACTIVE TAB
tabspacer	ACTIVE TAB	tabspacer	INACTIVE TAB	tabspacer	INACTIVE TAB

table vs its containing div is troublesome ... TARGET FOR PERFECTION div id=cellwithshadowtable
qqqqqqqqq

zzzzzzz
End of floatleft span.

Frame by cell w-and-h as ems, and img w-and-h as PERCENTS imgs tl-bu corners set, NATURAL sizes: tl- top- tr-, l- r-, bl- bot- br- . A col width will be that of widest cell, e.g., 5% of the containing table or div.

Table just ended. When tr-sh1 matches top- and r-, its width is a little narrow

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-






It seems center cell must be assigned w and h as px? Calculated based on the given center cell dimensions. damn. It seems width must be hard-coded in r1c4 and r7c4. And height in r4c1 and r4c7. CHECK!?

Frame imgs ulc-sp set

========= ="========"

			Center cell of an extra middle row.
			Center cell of an extra middle row.
			Middle middle row middle cell A table, img, text, or any content.
			Center cell of an extra middle row.
			Center cell of an extra middle row.

A MODEL FOR SHADOWING. Background-color can all be white.

Framing in this table has
-default.gifs and
lower right shadow effect.

				CONTENT WITHIN TABLE 20071031j Framing in this table has -default.gifs and lower right shadow effect.

			Center cell of an extra middle row.
			Center cell of an extra middle row.
			Middle middle row middle cell A table, img, text, or any content.
			Center cell of an extra middle row.
			Center cell of an extra middle row.

1	2
5	6
8	9

1	2
	5	6
	8	9

Center cell of an extra middle row. Center cell of an extra middle row. Middle middle row middle cell A table, img, text, or any content. Center cell of an extra middle row. Center cell of an extra middle row.

src="../3/bdr-shdw.jpg"> working on best shadowed image background img size seems unalterable unstretchable tho position of seen portion can be set with %% show lower right via 100% 100% show upper right via 100% 000% show lower left via 000% 100% IMG align works width: height: do work for cell 154x125 is rth size used in home.htm valign seemed to fail but it was unwanted br br fault The final model should distinguish nec from unnec for shadowed image style td width exaggerated means unstretched background-image moved right (and background-color extends below img?) img width exaggerated means stretched background-image to right (and background-color extends below img?) td w h same as or less than img w h means no background is shown td of 165x138 is perfect max shadow using background-image shadow-bot-re.jpg, if img is set 154x125! td of img w h plus some is silly shadow using full large background-image shadow-bot-re.jpg, as when this particular img is not set for nxn!   Another caption extends first and does not go below the table. OK set of parameters. Some may not be really always/ever nec. ... Width height are specifically tuned for the particular img and background-image! 'Road to Haymarket' (The 1886 Chicago martyrs' story)

bdr rounded bluish

	bordered content 1

bdr rounded bluish

	bordered content 2
	bordered content 22

bdr rounded bluish

	bordered content

-=-=-=-=-=- td styles with backgrounds. P for now must be inside a td. How rid font need? how place by 100% 100% means to td area's lower right? P { background: url(chess.png) gray 50% repeat fixed } Background-image seems not stretchable tho is repeatable. background-position: bottom right; same as pby? background-position: 100% 100%; rem="Maybe width and height are not honored in p. And div and span do not help." width="444" height="222" margin+border+padding+content. spacing not used would it fall before padding? --

hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello

hello

c

ZZZZZZZZZZZZZZZZ

   
.

=============

.

.

Text and image over background.
Text and image over background.
Text over background.

---

Model for Image-with-shadow. 5x5 table with 3col x 3row image

a1	a2	a3	a4	a5
b1	b2 has image			b5
c1				c5
d1				d5
e1	e2	e3	e4	e5

textaft textbef

Model for Image-with-shadow. 5x5 table with 3x3 image. lbhomjpg.jpg on green background.

textaft

---

textbef

Model for Image-with-shadow. 5x5 table with 3x3 image. clouds.jpg on green background.

textaft booga

"Labor Beat: Are You A Teamster?
The Tom Leedham 2006 Campaign"

Gonna be minimal table that has thinnest edge lines without using table full border. or use table border if can meet graphic row rounded top...

.	.
.	.
.	.
.	.

Jump to section: backgrounds, backgrounds, backgrounds, backgrounds, backgrounds.

Text just BEFORE an IMAGE-WITH-SHADOWS.

pretty code Text just after an IMAGE-WITH-SHADOWS and a CLEAR ALL. L R--> | | | | | | rg idea for a convention: current frame temp names could be: -bgd f0 for full background image. -bbar f1 for underline. -tbar f2 for overline. -bar for top bottom or alone uses -le f3 for left edge. -re f4 for right edge. -ll f5 for ll corner. -ur f6 lr. b7 ul. b8 ur. naaa e.g., lbhomejump-b8.gif as a copy of lrc-bu.gif and lbhomejumpshadow-b8.gif as a copy of lrc-gy.gif Text over matte, via style? Image over matte, via style. Text over image, via style. Image over image, via style. Gonna do an image over a background image or color. IMG align="left" works. Maybe I must specifically how? set the TD pixel size to == the background image size??????????!!!!!!!!!! IMG valign="TOP" seems ineffective! Paragraph styles with backgrounds --       .     .       text here Cf. C:\LANGS\html\CSS1-specs-overview.htm TOP TEST. Text floating over a ul tiled background-image url. The foreground text characters and font-size determine the area size and the number of tiles/portions seen. How set size of each tile? And an image =. TEST. image == and Text floating over a ul tiled background-image url. The foreground text characters and font-size determine the area size and the number of tiles/portions seen. How set size of each tile? TEST. Text floating over a ul tiled background-image url. The foreground text characters and font-size determine the area size and the number of tiles/portions seen. How set size of each tile? Text over a background (color) via style Text floating over a ul part of a big background-image url. The foreground text characters and font-size determine the area size and the number of tiles/portions seen. How set size of each tile? Text floating over a tiled animated background-image url via style. Foreground ! is determing size of this box. Can bacground-image be fixed at 1 tile???? Or stretched???? Text floating over a tiled animated background-image url via style Text over a tiled background-image url via style dh text for a right margin Here is a green box from a gif source New Line Here is some text after BR but before IMG. green box from a gif source New Line text for a left margin fa afdasdf aghsdh text for a right margin Here is a green box from a gif source New Line Here is some text after BR but before IMG. green box from a gif source New Line DEMO prod row, which handles dynamic window narrowing as graciously as possible. Align and valign in TABLE TR TD seem ineffective in positioning the green box. Here is a tdvalign=TOP tdalign=left green box from a gif source New Line Here is a green box from a gif source New Line Here is a green box from a gif source New Line Here is a green box from a gif source New Line Here is a green box from a gif source New Line DEMO prod row, which handles dynamic window narrowing as graciously as possible. Here is a green box from a gif source New Line Here is a green box from a gif source New Line Here is a green box from a gif source New Line DEMO prod row, which handles dynamic window narrowing as graciously as possible. Here is a green box from a gif source New Line Here is a green box from a gif source New Line ------------- DEMO TEXT AND GRAPHICS WIDTH ARE DYNAMIC WITHIN A CELL. AND TABLES ASIDE EACH OTHER OVERLAP DYNAMICALLY WITHIN A WINDOW if align=RIGHT. Tables rigid with =LEFT. No way is known to make tables wrap! maybe some dummy text like and   and valign= or ... align="CENTER" is good since right and left margins atay equal to each other as window width is changed. 20050702 NOTE. change this bec prod per table pby means a way exists for prods closer as window narrows! TRY table 1 of a row of tables to have pair before or/& align=left and 2 3 etc have no align = TR align=CENTER is not the trick. Best for prod catalogs seems to be [cf wild flowers display page]: Each cell a td with images, text label lines, and align=center, valign=middle, width=[omit width= so col automatically widened for the widest item in it. Force border space by TABLE's cellspacing= or is it cellpadding???], . Rows of prods cells do not wrap as screen narrows, so fill a 800 width screen tight and wider screens will have great borders but still center the prod table. Narrower 640 screens will have a horizontal scroll bar control. The leftmost table gets squeexed as the window narrows. May be best to FIX the TD width= to the larger of these two values: graphic width, text line minimum width. TEST cellspacing, cellpadding did NOT adjust for narrow window. Cellspacing is around cellpadding is around cell content =================== CENTER /CENTER around the stack of rows of tables.. MORE WORK is nec to get tables to spread and unspread apart in a same row. Put them in cells in a row of a surrounding table where the cells have CENTER /CENTER before and after the tables??? TABLE to have no align= TR can have align="CENTER" BUT check netscape and earlier IExplore to see if TR align affects whole rows or rows' cells TR can have valign="MIDDLE" (Can make explicit even though MIDDLE is Iexplore default handling anyway). Check netscape and earlier IExplore to see if TR valign affects whole rows or rows' cells TD can have valign="MIDDLE" (Can make explicit even though MIDDLE is Iexplore default handling anyway). Check netscape and earlier IExplore to see if TD valign works and/or is nec. cells TD can have align="CENTER" BUT it is pby better to use CENTER /CENTER within the cell instead, since that is more likely browser-brand-insensitive. Pby? same for netscape? ---------- table A table A2 ------------- table B table B2 -- table B 3 more and more text here to force many lines -- ------------- table C table b table b2 table B 3 ------------- table c table d table e =========== zzzzzzzzzzzzzzzzzzzzzz table A table b table b2 -- table B 3 more and more text here to force many lines -- table b table b2 table B 3 table c table d table e A good demo someday will have my curved-shadowed tables for buttons on a DVD-style menu!! All LEFTs puts a b c d e fully LEFT on last line of the text that follows. but all lefts did not wrap as window narrowed. SB try adding valign="BOTTOM" ??? tableA tableb tableb2 tableb3 tablec tabled tablee A good demo someday will have my curved-shadowed tables for buttons on a DVD-style menu!! --> All LEFTs puts a b c d e fully LEFT on last line of the text that follows. but all lefts did not wrap as window narrowed. tableA tableb tableb2 tableb 3 tablec tabled tablee A good demo someday will have my curved-shadowed tables for buttons on a DVD-style menu!! All RIGHTs puts e d c b a fully right on last line of the text that follows: tableA tableb tableb2 tableb3 tablec tabled tablee A good demo someday will have my curved-shadowed tables for buttons on a DVD-style menu!! NO LEFTs or RIGHTs stacks a b c d e fully LEFT above the text that follows: tableA tableb tableb2 tableb3 tablec tabled tablee A good demo someday will have my curved-shadowed tables for buttons on a DVD-style menu!! CENTERs whaaaNO LEFTs or RIGHTs stacks a b c d e fully LEFT above the text that follows: tableA tableb tableb2 tableb3 tablec tabled tablee A good demo someday will have my curved-shadowed tables for buttons on a DVD-style menu!! http://www.nara.gov/cgi-bin/starfinder/15281/complex.txt?action=3+0+1+48+13+0+0.+nailimage.display+|+R%3D216828+AND+LINKA%3D%22STILLS/CITY132.GIF%22 Image and text lines (after any wrapping based on table width reduction bec of narrow window size are centered via TD having align="CENTER". BRs must separate the image for it to center; BRBR is better, giving the image some room. Table is not squeezed smaller than the image width=.:     Jump to:  Labor's issues in today's news      Jump to:  Labor's issues in today's news      Jump to:  Labor's issues in   today's news      Jump to:  Labor's issues in   today's news      Jump to:  Labor's issues in   today's news  Our Mission . . . to ensure ready access to essential evidence . . . that documents the rights of American citizens, the actions of federal officials, and the national experience . . . Since this had width but not height will it stretch yes ? asdfsa. End of caption over an image. Caption under an image here? Our Mission . . . to ensure ready access to essential evidence . . . that documents the rights of American citizens, the actions of federal officials, and the national experience . . . Since this had width but not height will it stretch yes ? asdfsa. End of caption over an image. Caption under an image here? Boxed slogan example: Our Mission . . . to ensure ready access to essential evidence . . . that documents the rights of American citizens, the actions of federal officials, and the national experience . . . Since this had width but not height will it stretch? asdfsa Boxed slogan example: Our Mission . . . to ensure ready access to essential evidence . . . that documents the rights of American citizens, the actions of federal officials, and the national experience . . . Since this had width but not height will it stretch? asdfsa Boxed slogan example: Our Mission . . . to ensure ready access to essential evidence . . . that documents the rights of American citizens, the actions of federal officials, and the national experience . . . Since this had width but not height will it stretch? asdfsa Boxed slogan example: Our Mission . . . to ensure ready access to essential evidence . . . that documents the rights of American citizens, the actions of federal officials, and the national experience . . . Since this had width but not height will it stretch? asdfsa Boxed slogan example: Our Mission . . . to ensure ready access to essential evidence . . . that documents the rights of American citizens, the actions of federal officials, and the national experience . . . Since this had width but not height will it stretch? asdfsa Research these LB announcements list Labor studies list esp email http://home.erols.com/czarlab/index.html Quilting Handicapped-computer interfaces. lview 2.0 download Below is a chart showing how many colors you can display at a given resolution with your installed amount of VRAM on your video card. Resolution 1MB 2MB 4MB 8MB 640x480 16.7 M 800x600 65 k 16.7 M 1024x768 256 65 k 16.7 M 1280x1024 16 256 16.7 M 1600x1200 16 256 65 k 16.7 Million     Jump to: TESTX  Labor's issues in   today's news   Labor Express Radio   Featured sites   Shows / tapes / disks   View / listen now   Bulletin board   Show times   Translate   About LB  "'Labor Beat: Chicago Protests'" Recent News Release: [ Labor Beat ] [ Labor Express] [ Shows Lists ] [ News Releases Search ]     notes css can set a style in the head ala BODY {background-image: url(../3/banneraniylw.gif); zzzbackground-repeat: no-repeat; background-repeat: repeat; background-position: 200px 200px; background-attachment: fixed; } STARTOFTABLE stripping ENDOFTABLE STARTOFTABLEsbkeepgood------ cell two cell two cell two cell two cell two cell two cell two cell two cell two cell two cell two ====a ====bsbkeepgood [[[[[[nytimes.com/autos]]]]]]] Those 3 via online? How 3? Meet the fastest, most powerful and most expensive car in the world Also in Autos: 10 most fuel-efficient SUVs and pickups for 2006 10 most fuel-efficient cars for 2006 Looking to buy a new car? ENDOFTABLEsbkeepgood------ STARTOFTABLEbw2------ cell two cell two cell two cell two cell two cell two cell two cell two cell two ENDOFTABLEbw2------ STARTOFTABLEnytminimal 1------ ENDOFTABLEnytminimal 1------ STARTOFTABLEnytminimal 2------ ENDOFTABLEnytminimal2------ Some backgrounds and ..., in cells 3-across with border added: Stretch works, without STYLE tag, BUT height and/or width must be specified, locking a row and/or column size to minimums based on the cell! Maybe style= can allow not specifying stretched size?? r1c1 r1c2 r1c3 r2c1 r2c2 r2c3 r3c1 r3c2 r3c3 . . . . These buttons are by FORM www.laborbeat.org Background by URL OK thru 2007!?       . Labor Beat. An independent rank-and-file labor forum. Producers of labor television and radio. Advocates for labor media. FORM METHOD="LINK" ACTION="http://www.htmlgoodies.com" INPUT style="height: 4.00em; background-color: blue; color: white;" TYPE="submit" VALUE="HTML Goodies Domain Page" /FORM