Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1410 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

CSS Circles & Having Text Inside Them

Thread title: CSS Circles & Having Text Inside Them
Reply    
    Thread tools Search this thread Display Modes  
07-20-2011, 12:38 PM
#1
Ore4444 is offline Ore4444
Status: I'm new around here
Join date: Jun 2011
Location:
Expertise:
Software:
 
Posts: 1
iTrader: 0 / 0%
 

Ore4444 is on a distinguished road

  Old  CSS Circles & Having Text Inside Them

Hello everyone.
I need to have a native CSS circle (using border-radius) with a paragraph of text in it. The text should be wrapped & justified perfectly inside the circle.
I attached an example so you can see exactly what I'm talking about.
Thanks

Attached Images
File Type: jpg circle.JPG (44.9 KB, 10 views)

Reply With Quote
08-05-2011, 07:30 PM
#2
jacvio is offline jacvio
Status: I'm new around here
Join date: Jun 2011
Location: Denmark
Expertise: design, programming, art
Software: photoshop, firefox
 
Posts: 7
iTrader: 0 / 0%
 

jacvio is on a distinguished road

  Old

Eventhough I haven't tried it my guess would be you need a text wrapper js class.

http://www.csstextwrap.com/examples.php

just remember, not all browsers support the border-radius (IE doesn't)
also some people have javascript turn off, so your design might break on some users.

08-06-2011, 05:48 AM
#3
Dyer is offline Dyer
Dyer's Avatar
Status: Junior Member
Join date: Feb 2009
Location:
Expertise:
Software:
 
Posts: 43
iTrader: 1 / 100%
 

Dyer is on a distinguished road

Send a message via MSN to Dyer Send a message via Yahoo to Dyer

  Old

Thats really awesome reference which you gave here. However they mentioned this line also.


The examples on this page use the javascript method to apply them to the site. There are two other ways to create the wrap without using javascript and that are purely CSS/XHTML.

08-08-2011, 06:06 PM
#4
jacvio is offline jacvio
Status: I'm new around here
Join date: Jun 2011
Location: Denmark
Expertise: design, programming, art
Software: photoshop, firefox
 
Posts: 7
iTrader: 0 / 0%
 

jacvio is on a distinguished road

  Old

Originally Posted by Dyer View Post
Thats really awesome reference which you gave here. However they mentioned this line also.


The examples on this page use the javascript method to apply them to the site. There are two other ways to create the wrap without using javascript and that are purely CSS/XHTML.
oh yah, I see. That sounds better, not that I don't like/use javascript, but when there is an alternative I try to use it.

Reply With Quote
Reply    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed