vBulletin SEO Forums

SEO

vBulletin Search Engine Optimization

Buy vBSEO Now! HACKER SAFE certified sites prevent over 99.9% of hacker crime.
ne nw
New vBSEO Discount Level for Network Builders Meet vBSEO Team in New York (Nov. 3rd & 4th) vBSEO 3.2.0 GOLD Has Landed Success with vBSEO = 600ore Web Visitors + $1400 in a Day! Crawlability Inc. Files for SEO Technology Patent
se sw

Aligning images to text in CSS

This is a discussion on Aligning images to text in CSS within the Off-Topic & Chit Chat forums, part of the Focus on Members category; I'm creating a home page for my site and have written the text for it. Male Sopranos & Altos I ...

Go Back   vBulletin SEO Forums > Focus on Members > Off-Topic & Chit Chat

Aligning images to text in CSS Aligning images to text in CSS

Enhancing 80 million pages.

 Register FAQ Members List Social Groups Calendar Search Today's Posts Mark Forums Read

Reply

 

LinkBack Thread Tools
  #1  
Old 10-01-2008, 08:42 AM
Senior Member
  
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Aligning images to text in CSS
I'm creating a home page for my site and have written the text for it.

Male Sopranos & Altos

I would like to align web 2.0 like icons to the text, for example I wish to align this image to the left of 'The video section contains video...' and have the icon push the text further inside the page, aligning to it

How can I do that exactly with CSS?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #2  
Old 10-01-2008, 05:43 PM
Senior Member
  
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Never mind, I think I got it.

What do you think about the home page? Can you suggest a better icon pack?

Male Sopranos & Altos
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #3  
Old 10-01-2008, 05:57 PM
briansol's Avatar
Senior Member
vBSEO Pre-Release TeamDesign for SEOBig Board Administrator
  
Real Name: Brian
Join Date: Apr 2006
Location: Central CT, USA
Posts: 5,521
looks like you have a case of div-itus

you can simply float the image.

instead of

<div style="float:left;margin-right:0.9em"><img src="/images/styles/sopranos/style/videos.png" alt="Videos" /></div>

use

<img style="float:left; margin-right:0.9em"
src="/images/styles/sopranos/style/videos.png" alt="Videos" />
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #4  
Old 10-01-2008, 06:11 PM
Senior Member
  
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Thanks Brian . Do you think I should move the 'Register Now' button a bit down, or maybe to the left?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #5  
Old 10-01-2008, 08:33 PM
briansol's Avatar
Senior Member
vBSEO Pre-Release TeamDesign for SEOBig Board Administrator
  
Real Name: Brian
Join Date: Apr 2006
Location: Central CT, USA
Posts: 5,521
honeslty, i'd put it dead center. right between the two middle paragraphs
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #6  
Old 10-02-2008, 12:59 PM
Senior Member
  
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Like this? Male Sopranos & Altos
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #7  
Old 10-02-2008, 02:42 PM
briansol's Avatar
Senior Member
vBSEO Pre-Release TeamDesign for SEOBig Board Administrator
  
Real Name: Brian
Join Date: Apr 2006
Location: Central CT, USA
Posts: 5,521
yup. only thing i'd change is to throw some more padding on it
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #8  
Old 10-02-2008, 03:06 PM
Senior Member
  
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
I just tried adding 10 px padding which came out well but it ate a bit of text. Any suggestions?
Male Sopranos & Altos
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #9  
Old 10-02-2008, 03:09 PM
briansol's Avatar
Senior Member
vBSEO Pre-Release TeamDesign for SEOBig Board Administrator
  
Real Name: Brian
Join Date: Apr 2006
Location: Central CT, USA
Posts: 5,521
try clearing it.

change
<p>In pictures
to
<p style="clear: left;">In pictures
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #10  
Old 10-02-2008, 03:13 PM
Senior Member
  
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
It didn't seem to change anything .
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
Reply

« PM Problem? | What's up with my 404s? »
Thread Tools

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
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads

Thread Thread Starter Forum Replies Last Post
Images being re-written GdDog URL Rewrite Settings 2 09-04-2008 11:54 AM
Aligning content Yours Truly Off-Topic & Chit Chat 3 03-03-2008 09:29 AM
No more images near ads... Webnower Google Adsense, YPN, & Other Ad Networks 22 01-02-2007 02:37 PM
Rewriting Images? COlson87 Custom Rewrite Rules 4 02-11-2006 11:45 PM


All times are GMT -4. The time now is 11:41 AM.

Contact Us - vBSEO Home - Site Map - Top

Powered by vBulletin Version 3.8.0 Beta 4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.5 ©2008, Crawlability, Inc.