skip to main
|
skip to sidebar
CSS
Rule
IN-DEPTH CSS
& WEB DEVELOPMENT
about this site
main page
more examples
css by
w3c
official definition
key css concepts
syntax
selectors
pseudo-classes
pseudo-elements
the box model
fonts
text
inheritance
the cascade
calculating specificity
containing block
floats
normal flow
absolute positioning
relative positioning
media types
tables
css properties by
w3c
background
background-color
background-image
background-position
background-repeat
border
border spacing
bottom
caption-side
clear
clip
color
display
direction
empty cells
float
font
font-family
font-size
font-style
font-weight
height
left
letter-spacing
line-height
list-style
margin
opacity
overflow
padding
position
right
table-layout
text-align
text-decoration
text-transform
top
vertical-align
visibility
white-space
width
word-spacing
z-index
index
Showing posts with label
overflow: hidden;
.
Show all posts
Showing posts with label
overflow: hidden;
.
Show all posts
Friday, November 11, 2011
Building Image Grids: Size and Crop an Image Using CSS
Older Posts
Home
Subscribe to:
Posts
search
html conversion
HTML Code
no interpretation
image captioning
I Love CSS
© 2024 www.cssrule.com
tools
Regular Expressions
Groovy Color
HTML Conversion
Image Captioning
CSS Web Developer
PuTTY
Cyberduck
W3 Markup Validator
Jigsaw CSS Validator
Browser Compliance
Unicode Characters
categories
HTML - Giving Structure to Content
CSS Syntax
The Box Model
Padding and Margins
The Flow
Fonts and Text
Selectors
Background
Classes
ID's
The Cascade
Layout
Positioning Elements
Positioning Context
Floating Elements
Faux Columns
Multi-Columns
Inheritance
Styling a Page
Javascript and jQuery
PHP
The Internet
Website Design
Adobe Photoshop
Modifying Blogger with CSS/HTML
The Recipes
for css
Eric Meyer
CSS Zen Garden
stackoverflow
Simple Bits
A List Apart
for server side
MySQL Manual
PHP
Zend
PEAR
Apache
videos
Kimi Werner
& Ryan Lochte
Snowfall
Rick Steves
The Marshmallow Test
David Malan
food
Saveur
Northern Waters
Use Real Butter
Protein RDA
Delicious Days
other links
Website Raising
Google Art Project
Gretchen Rubin
Flowers
Fonts I
Fonts II
Hi! My
a
na
lu
me
th
is
Ian
wookie
M
adele
iné, and I
a
w
oza
rite this blog. All content and images, except where noted, are copyrighted.
See
copyright notice
. Thanks.
© 2009-2024 All Rights Reserved
View my complete profile
Subscribe to CSSRule
Posts
Atom
Posts
All Comments
Atom
All Comments
Labels
-moz-border-radius
(1)
-moz-linear-gradient
(1)
-webkit-gradient
(1)
:after
(1)
:before
(2)
@keyframes
(1)
$geo_status
(1)
3 Column Layout
(3)
400 BC
(1)
9-slice Scaling
(1)
960 Grid
(2)
a href
(4)
a:hover
(3)
a2ensite
(1)
Abduction by Hades
(1)
Abiword
(1)
Absolute Positioning
(10)
Acrolith
(1)
Adjusting Blogger Profile Image
(1)
Adobe
(1)
Adobe Photoshop Tutorials
(6)
Aidone Museum
(1)
Angular
(1)
animation-direction
(1)
animation-duration
(1)
animation-iteration-count
(1)
animation-name
(1)
animationPlayState
(1)
Anti-Virus Software
(1)
Apache
(9)
Apache Server on Local Environment
(2)
API
(1)
app.js
(3)
app.use
(1)
Array
(3)
Art
(10)
article
(1)
ASCII
(1)
aside
(1)
Assignment by Reference
(1)
asynchronous
(1)
Atom
(1)
Attribute Selectors
(2)
Author Style Sheet
(2)
Auto Margins
(3)
background
(7)
Background Positioning
(3)
Background Property
(13)
background-color
(3)
background-image
(6)
background-position
(4)
background-repeat
(2)
Backup
(1)
Backward Slash
(1)
Beginner
(16)
Bind
(1)
Bing
(1)
block
(1)
Block Element
(4)
Blockquotes
(5)
Blog Software
(7)
Blogger Template
(2)
Blogspot
(4)
Blueprint
(2)
BNF Notation
(1)
Bob Parsons
(1)
border
(3)
border-bottom
(1)
border-image
(1)
border-radius
(2)
box-shadow
(2)
Browser Default Style Sheet
(1)
Browser Internals
(5)
Browser Wars
(1)
Browsers
(1)
Byte
(1)
C
(2)
C#
(1)
C++
(5)
Cache
(1)
Caching
(2)
Calcite Rind
(1)
Callback Function
(1)
Caltech
(1)
caniuse.com
(1)
Canvas
(1)
Captioning
(3)
Cascade
(4)
CDN
(1)
Centering Images
(2)
CEO
(1)
certbot
(1)
chown
(1)
Chrome Developer
(1)
Class
(8)
Classes and IDs
(4)
clear
(3)
Cloud Computing
(1)
Cloud Hosting
(1)
Code Igniter
(3)
CodeEval
(1)
Color Swatch
(1)
column-count
(1)
column-gap
(1)
Compiler
(3)
Computing News
(5)
Constructor Function
(1)
containing block
(1)
Content Delivery Network
(1)
Content-type
(1)
Cookies
(1)
Copyright Symbol
(1)
CPU
(1)
CREATE TABLE
(1)
Creating MySQL Tables
(1)
Cron Job
(1)
Crop an Image Using CSS
(1)
Cross Browser Platforms
(1)
cross-domain
(1)
CSR
(1)
CSS
(30)
CSS 3
(3)
CSS 3.0 Gradient
(1)
CSS 3.0 last-child
(1)
CSS 3.0 Multiple Background Images
(1)
CSS 3.0 Transforms
(1)
CSS Bar Graphs
(3)
CSS Content Property
(1)
CSS Framework
(3)
CSS Grid
(1)
CSS Layout
(1)
CSS Quote Property
(1)
CSS Resets
(1)
CSS Syntax
(14)
CSS Tutorials
(11)
CSS visibility
(1)
CSS Zen Garden
(8)
CSS Zen Garden Dave Shea
(2)
CSS3
(1)
CSS3.0
(1)
Cufon
(7)
Curl
(1)
Cypress
(1)
Data Cells
(1)
Data Recovery
(1)
Dave Shea
(3)
Dedicated Server
(1)
Definition Lists
(1)
Demeter
(1)
Descendant Selector
(3)
Descendants
(4)
Developer
(1)
Development Cycle
(1)
Diagonal Menu
(1)
Digg
(2)
Digital Ocean
(1)
Disk Drill
(1)
Disk Partitions
(1)
display
(3)
display: none
(1)
display:block;
(1)
display:block; Cookie Cutter Method
(1)
display:block; display:none
(1)
display:block; Fonts and Text
(1)
DIV
(5)
DNS
(3)
Docker
(1)
document.createElement
(1)
DOM
(1)
Domain Name Server
(1)
Domain Registrar
(1)
Door County
(2)
Dot Notation
(1)
Drop Cap
(5)
Drop Shadow
(1)
DSL
(1)
Dual Stack
(1)
DuckDuckGo
(1)
E Ink
(1)
Eclipse
(1)
Editor
(1)
Embedded Styles
(2)
Encryption
(1)
Eric Meyer
(2)
Escaping Characters in CSS
(1)
Ethernet
(1)
Expand Widget Templates
(1)
Express
(4)
External Enclosure
(1)
External Stye Sheets
(1)
Fading Image
(1)
falsey
(1)
FAT32
(1)
Faux Columns
(1)
Favicon
(1)
FileZilla
(2)
Firefox
(3)
Firefox Personas
(1)
first-child
(2)
Flash
(1)
Flash of Unstyled Text
(2)
Flat Design Aesthetic
(1)
Fleischman Collection
(1)
Flexbox
(2)
Float
(21)
float next to ul
(2)
Floating
(9)
Floating IMG element
(3)
Floating LI element
(2)
Floats
(3)
Fluid Rose for Zen Garden
(8)
font-face
(4)
font-style
(2)
Fonts
(1)
Fonts and Text
(13)
Footer
(3)
Foreign Keys
(1)
Form Element
(1)
Form Tag
(1)
Forms
(1)
FOUT
(2)
Framing an Image
(1)
Frankfurt Am Main
(1)
Friends of Apache
(2)
FTP/SFTP Clients
(2)
Functions
(1)
Funny
(3)
Gamify
(1)
Getty Museum
(2)
git
(1)
github
(1)
Godaddy
(7)
Google
(4)
Google AdSense
(2)
Google API
(1)
Google Chrome
(7)
Google Font
(1)
Google GeoCoding
(1)
Google Maps
(1)
Google Search
(1)
Google Webfonts
(3)
gparted
(1)
Graph
(3)
GraublauWeb
(2)
Grep
(1)
Grid
(1)
gutter
(1)
h1
(1)
h3
(1)
Haas Neue Grotesk
(1)
Happy 4th
(2)
Hardware
(1)
header
(1)
Headings
(1)
height
(2)
Helvetica
(1)
Hex Codes
(1)
hgroup
(1)
High Level Design
(1)
History
(1)
Hollow Photoshop Circles
(1)
Horizontal Bar Graph
(2)
How CSS Works
(2)
hr
(1)
HTML
(11)
HTML Blockquote
(3)
HTML Elements
(1)
HTML Forms
(1)
HTML Table
(2)
HTML5
(3)
HTML5 Rocks
(1)
HTTP
(4)
HTTP Daemon
(1)
HTTP GET
(1)
HTTP Headers
(1)
HTTP Request
(1)
HTTP Request Headers
(1)
HTTP Response Headers
(1)
httpd.exe
(1)
HTTPS
(1)
ID
(3)
id_rsa
(1)
id_rsa.pub
(1)
IDE
(1)
IE
(2)
IE Compatibility Mode
(1)
IE Punches
(1)
IE6
(2)
IETF.org
(1)
Image Captioning
(1)
Image Captioning Tool
(3)
Image Grid
(5)
Image Replacement
(3)
img
(5)
important
(1)
Inheritance
(2)
Inline Element
(4)
inline style
(1)
Inline-block
(1)
Input
(2)
INSERT INTO
(1)
Inserting MySQL Records
(1)
Inserting Records into Database
(1)
inside
(2)
Intermediate
(1)
Internet
(15)
Internet Explorer
(2)
IP
(1)
IP Address
(3)
IP Header
(1)
IP Packet
(1)
IP Packets
(1)
IP Route
(1)
IPC
(1)
IPv4
(1)
IPv6
(1)
italic
(1)
Java
(1)
Javascript
(22)
Javascript Apply
(1)
Javascript arguments
(1)
Javascript Bind
(1)
Javascript Closures
(2)
Javascript Objects
(1)
jQuery
(5)
jQuery UI
(1)
JS Join Method
(1)
JS Map Method
(2)
JS Spread Operator
(1)
jsfiddle
(1)
JSON
(1)
JSX
(1)
JW Player
(1)
jwplayer
(1)
Kindle
(1)
LAMP
(2)
last-child
(1)
Latency
(1)
Layout
(10)
left
(2)
let
(1)
li
(11)
Life
(6)
line-height
(3)
linear-gradient
(1)
link
(1)
Linux
(5)
list marker
(2)
list-style-image
(1)
list-style-position
(2)
list-style-type
(2)
LMS
(1)
Loading Times
(1)
localhost
(3)
longtailvideo
(1)
loop
(1)
LTI
(1)
Margin
(3)
Margin Collapsing
(1)
Margins between Floated and Cleared Elements
(1)
Marion True
(1)
Markdown
(1)
markup
(2)
Meddon
(1)
media player
(1)
Menu
(1)
Microsoft
(1)
Microsoft Security Essentials
(1)
Microsoft Word
(2)
mime-type
(1)
Mobile Device Testing on Chrome
(1)
Modifying Blogger
(35)
Mondrian
(1)
MongoDB
(1)
moz
(1)
ms
(1)
Multi-Column Layout
(8)
Multiple Backgrounds
(1)
multiple class
(4)
MVCS
(1)
MySpace
(8)
MySpace Layout Tutorials
(8)
MySQL
(10)
MYSQLI_ASSOC
(1)
mysqli_connect
(1)
mysqli_fetch_array
(1)
mysqli_num_rows
(1)
mysqli_query
(1)
Nameserver
(1)
nav
(1)
Navigation Menu
(2)
Negative Margin
(2)
Net Neutrality
(1)
Network Address Translation
(2)
networking
(1)
Networking Driver
(1)
New Beginnings
(1)
NexStar
(1)
NodeJS
(11)
Notepad++
(2)
NPM
(1)
NTFS
(1)
o
(1)
Object Literal
(1)
Objects
(1)
Octal Notation
(1)
ol
(1)
Opacity
(7)
Oracle
(1)
Order
(1)
Ordered Lists
(3)
Origin
(1)
outline:none
(1)
outside
(1)
overflow
(2)
overflow : hidden
(1)
overflow property
(1)
overflow: hidden;
(1)
overflow:auto
(1)
p
(1)
p element
(1)
Padding and Margins
(14)
Parallelism
(1)
Parent-Child Relationship
(1)
Parsing RSS Feed
(2)
Particular Attribute Selector
(1)
Period in a Class/ID Name
(1)
Perl
(1)
Permissions
(1)
Permissions Calculator
(1)
Persephone
(1)
Peter Paul Rubens
(1)
photo gallery
(1)
Photoshop
(14)
Photoshop Action
(1)
Photoshop Action Palette
(1)
Photoshop Macro
(1)
PHP
(22)
PHP Array of Arrays
(1)
PHP count
(2)
PHP empty
(1)
PHP foreach
(2)
PHP if
(1)
PHP in_array
(1)
PHP Short Tags
(1)
PHP sort
(1)
PHP Syntax
(1)
PHP Variable Dump
(1)
phpMyAdmin
(9)
PNG Format
(1)
PNG Transparency Files
(1)
Points of Sail
(1)
Pop-ups
(1)
port
(1)
Port Number
(1)
Positioning
(5)
Positioning Context
(6)
Positioning Elements
(7)
POST
(1)
Primary Keys
(1)
print_r
(1)
Private Key
(2)
Programming Languages
(1)
Promises
(1)
Protocol
(2)
PS Find Edges
(1)
PS Lens Flare
(1)
PS Mosaic
(1)
PS Perspective
(1)
Pseudo Element
(1)
public key
(1)
Pullqutoes
(2)
Python
(1)
Raspberry Pi
(1)
React
(3)
React Inline Styles
(1)
react.createEleement
(1)
Reader Style Sheet
(1)
Reading
(1)
Recipes
(3)
REGEX
(1)
Regular Expression
(3)
Relational Database
(3)
Relative Path
(1)
Relative Positioning
(12)
Reloading Apache
(1)
Removing Hard Disk in a Laptop
(1)
Reset
(1)
REST API
(2)
Return Statement
(1)
RFC
(2)
right-margin
(1)
Rounded Corners
(1)
Rounding Corners of an Image
(1)
Router
(1)
routes
(1)
Routing
(2)
RSS
(1)
RSS Feed
(3)
Safari
(1)
Sailing
(10)
Scope
(1)
script
(1)
Scrolling Tables
(1)
Search
(3)
Search Engine
(2)
Search Engine Optimization
(1)
Searching RSS Feed
(1)
Secure Shell
(2)
SELECT
(2)
Selectors
(7)
SEO
(2)
Server
(7)
server side
(2)
Sessions
(1)
SFTP
(1)
Shared Hosting
(2)
Simple Attribute Selector
(1)
simpleXML
(1)
Size an Image Using CSS
(1)
Skeuomorphism
(1)
Software Design
(1)
Software Testing
(2)
Solr
(1)
Sonet OC3
(1)
span
(7)
Specificity
(5)
splash image
(1)
Sprite
(6)
Sprites
(3)
Square Bracket Notation
(1)
SSH
(3)
ssh-keygen
(2)
SSL
(3)
stable treemaps
(1)
stack frame
(1)
Stu Nicholls
(1)
StumbleUpon
(1)
Style Sheets
(1)
Styling a Page
(16)
Substring Matching Attribute Selector
(1)
SUDO
(1)
SWFObject
(1)
Symbolic Link
(1)
Syntax Highlighting
(1)
Table Layout
(1)
Tables with Fixed Headings
(1)
Tantek Celik
(1)
tbody
(1)
TCP/IP
(4)
td
(2)
Teamwork
(1)
Technorati
(2)
Ternary Statement
(1)
text-align
(1)
text-indent
(2)
text-shadow
(1)
textarea
(1)
th
(2)
The Cascade
(2)
The Flow
(10)
The Site
(2)
The Squaire
(1)
thead
(1)
this
(1)
Tools
(2)
top
(2)
Toshiba R500
(1)
Transferring Code
(1)
transform: rotate( )
(2)
Transparency
(2)
Transparent Border in Photoshop
(1)
Truncation
(1)
truthy
(1)
Tweet
(2)
Twitter
(1)
Typekit
(2)
Ubuntu
(4)
Ubuntu 10.04
(1)
UDP
(1)
ul
(11)
Unix
(1)
Unordered List
(2)
Unordered Lists
(4)
Upgrading NodeJS
(1)
urlencoded
(1)
USB Device
(1)
User Style Sheet
(1)
Value Attribute Selector
(1)
var
(1)
vendor prefix
(1)
Venus of Morgantina
(1)
Version Control System
(1)
Virtual Host
(1)
Virtual Private Server
(1)
visibility
(2)
visualization
(1)
VPS
(1)
watermark
(1)
WebFontConfig
(1)
Webkit
(3)
Website Design
(21)
Websites
(1)
Wet Drapery Style
(1)
wf-active
(1)
wf-inactive
(1)
wf-loading
(1)
width
(4)
WIFI
(2)
Windows
(1)
Windows 7
(1)
Windows Driver
(1)
XAMPP
(2)
XHTML
(27)
XML
(1)
xpath
(1)
xpath query
(1)
YUI Grids
(1)
z-index
(5)