Lively discussions on the graphic arts and publishing — in print or on the web

Go Back   Desktop Publishing Forum > General Discussions > Web Design

Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old 06-11-2008, 03:54 PM   #1
dacoyle's Avatar
Join Date: Aug 2005
Location: Arlington, VA (across the river from Washington, DC)
Posts: 560
Default CSS vertical text positioning

While I consider myself very proficient at CSS, I still have a lot to learn. Here's what I need to do.

I'm trying to place text to the left of an image and I want the text to be centered vertically in relation to the image. I couldn't figure out vertical-align so, for now, I did it the old fashioned way with a 2 cell table. But I really want to keep this site as tableless as possible.

The current page is at capitalpride.org. (scroll to the bottom of the page) I'm guessing the CSS for this is probably simple, but not having used vertical-align before I'm not quite sure how it applies. It didn't work in a simple <div> wrapped around the text and image.

On a related note, I figured out why clear-left and clear-right have never worked for me; but as I get closer to the concept, I couldn't get similar results in IE and Firefox so I'll save that question for later.

On a side note, I'm using Google Analytics on my Capital Pride site (if you haven't looked into GA, the stats are AMAZING). My Pride site is NOT a magnet for web geeks and still is getting over 30% of the traffic from Firefox and less than 60% for IE. Safari is a respectable 10-15%; don't remember offhand. And I was rather shocked to see I've been getting 2,000 visitors a day since setting up GA this weekend.)


dacoyle is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS positioning problem sooshi Web Site Building & Maintenance 9 02-18-2008 01:36 PM
CSS positioning help dacoyle Web Site Building & Maintenance 23 02-24-2007 12:32 PM
CSS vertical navigation bar dthomsen8 Web Site Building & Maintenance 10 03-14-2006 06:41 AM
Vertical Alignment of DIVs CarlSeiler Web Site Building & Maintenance 17 12-14-2005 11:03 AM
CSS positioning dacoyle Web Design 2 11-14-2005 07:40 PM

All times are GMT -8. The time now is 09:30 PM.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2023, vBulletin Solutions, Inc.
Contents copyright 2004–2019 Desktop Publishing Forum and its members.