Araboo
Baidu (CHN)
Images.Baidu
Brave
DuckDuckGo
Ecosia
Ezilon (FIN)
Finna (ISL)
Goo (JPN)
Kaixo (Basque)
kvasir (NOR)
Lycos
Meta (UKR)
Mojeek (GBR)
Najdi.si (SVN)
MetaGer (GER)
Naver (SKOR)
Rukaten (JPN)
SearchNZ
Secret Search
Sogou (CHN)
swisscows
Yandex (RUS)
Wolfram Alpha
CSS
Borders & No Borders
A Few Shades of Blue
Easy in Green
Over & Under
CIA Country Tables
Off to the Side
Laying It All Out
Big & Red & Underlined
Tips & Tricks
business suits for women!
database array
I-Frame
css tables
(more, for purists) table tricks
nested tables
on the menu
radio buttons
rollovers
rollovers & forms
photo rollovers
rollovers v.2
snippets I
Tips & Tricks II
snippets II
snippets III
snippets IV
snippets V
snippets VI
snippets VII
snippets VIII
table dividers
video how to
web color chart
web colors x 2
web colors x 3
web colors x 4
vividness of visual appearance
Imagetype
chrome emblem
black chrome
chrome type
chrome CS3
chrome CS3 V.2
clipping group
copyright ©
fire type
glass type
gel type
glow type
gold type
neon type
perspective shadow
see-through text
wrapping type
Imageworks
enhancements
enhancements II
back separation
backscreening
(alien) cast shadow
clipart sketch
content.htm
custom frame
depth of field
edge effects
edge effects II
gradient nav bar
grid pattern
image frame
Imageworks
inset rectangle
let it rain
(it keeps on) raining
let it snow
merging images
metal menu
paint away color
photo window
popping out (at the beach)
soft light on a soft face
sunrise, sunset
watercolors
(water)drops on the leaf tops
web buttons
Ascii Charts
ascii 163-256
ascii 257-340
ascii 341-382
ascii 383-735
ascii 900-974
ascii 1000-1200
ascii 1201-1359
ascii 1360-1499
ascii 1500-1660
ascii 1661-1792
ascii 2990-3174
ascii 3500-3632
ascii 4000+
ascii 4200+
ascii 13000+
ascii 13137+
ascii 13270+
Worthy Sites
The Modern Javascript Tutorial
Webteacher
Javascript Source
Photoshop Cafe
Photoshop Star
Photoshop Lady
Planet Photoshop
My Baby Rocks
Mr. Marty Schwartz
Active Melody
Guitar Tricks
Jamplay
Justin Guitar
Scorpions Rock!
All the things I like to do are either immoral, illegal, or fattening.
(Alexander Woollcott)
home
imagetype
imageworks
html tips n' tricks
business suits for women!
database array
I-Frame
css tables
nested tables
on the menu
purists' table tricks
radio buttons
rollovers
rollovers & forms
photo rollovers
rollovers v.2
snippets I
aka: captions to images
aka: data lists
aka: greetings to visitors
aka: emoji faces
snippets II
aka: blockquotes
aka: video embed
aka: time greetings
aka: more emoji faces
snippets III
aka: a table for one
aka: directions to...
snippets IV
aka: highlighting text
aka: breaking up: easy to do
aka:
you are so gone
aka: H
2
O is elemental
aka: elements grouped by color
aka: underlines begone
snippets V
HTML 5 Example 1
Targeting The Window
Editable HTML 5
CSS Body Background
Browser Refreshed
Bigger IS Better
snippets VI
BDO (Right to Left)
The Roundabout
Hip To Be Square
Rounding Out The Square
Aligning The Stars
SVG Ellipse
snippets VII
alert box
resetting your name
print this page
snippets VIII
Range Slider
Collapsibles
table dividers
video how to
web color chart
web colors x 2
web colors x 3
web colors x 4
vividness of visual appearance
css tables
Ah, yes, all the cool kids use CSS for table width, height, placement and you get the idea. Henceforth, pagerunners presents (cue the lights) these examples for your perusal.
CSS Table: Height & Width
<p><html> <head> <style> table, td, th { border: 1px solid black; } table { border-collapse: collapse; width: 100%; } td { text-align: center; } </style> </head> <body> <h2>Text-align Properties</h2> <p>Settig the horizontal alignment of the content in th or td. Go, Blackhawks!</p> <table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Position</th> </tr> <tr> <td>Stan</td> <td>Mikita</td> <td>Center</td> </tr> <tr> <td>Bobby</td> <td>Hull</td> <td>Left Wing</td> </tr> <tr> <td>Patrick</td> <td>Sharp</td> <td>Left Wing</td> </tr> <tr> <td>Cliff</td> <td>Koroll</td> <td>Right Wing</td> </tr> </table> </body> </html>
Try it here
Hoverable CSS Table
<p><html> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } tr:hover {background-color: lightblue;} </style> </head> <body> <h2>Hoverable Table</h2> <p>Move the mouse over the table rows to see the effect.</p> <table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Position</th> </tr> <tr> <td>Stan</td> <td>Mikita</td> <td>Center</td> </tr> <tr> <td>Bobby</td> <td>Hull</td> <td>Left Wing</td> </tr> <tr> <td>Patrick</td> <td>Sharp</td> <td>Left Wing</td> </tr> <tr> <td>Cliff</td> <td>Koroll</td> <td>Right Wing</td> </tr> </table> </body> </html>
Try it here
CSS Table: Colored Table Header
<html> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2} th { background-color: #33CCFF; color: white; } </style> </head> <body> <h2>Colored Table Header</h2> <table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Position</th> </tr> <tr> <td>Stan</td> <td>Mikita</td> <td>Center</td> </tr> <tr> <td>Bobby</td> <td>Hull</td> <td>Left Wing</td> </tr> <tr> <td>Patrick</td> <td>Sharp</td> <td>Left Wing</td> </tr> <tr> <td>Cliff</td> <td>Koroll</td> <td>Right Wing</td> </tr> </table> </body> </html>
Try it here
Imagework Examples:
waterdrops on the leaf tops
depth of field (& alot of hair)
(alien) cast shadow
