curving web text around a "globe" - is it possible?

Posted on 2006-04-07
Last Modified: 2010-04-06
I have a client that wants 1/2 of an image of the earth to appear on the left side of a web page - and they want the text on the page to "hug" the earth image.  So they want it to arc or curve along the left side.

Is this possible using DHTML or something?

The globe is huge - so using all images for the text might be large to download.

Thanks, April
Question by:aprillougheed
    LVL 3

    Accepted Solution

    Hi aprillougheed,

    The link below i think demonstrates what you are trying to achieve. It steps in every so often to create a curve. You could also use the <pre> tag and create a curve like ascii art. I think if you would like a nice smooth curve and greater control over the curve your project might be more suited to FLASH.

    Just a couple of solutions for you to think about. Hope thats helps,

    Reiss :o)

    Author Comment

    Nice example.  That's what they wanted.  Thanks so much.  April

    P.S.  Flash is another good idea.
    LVL 3

    Expert Comment

    Glad to help :o)

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to improve team productivity

    Quip adds documents, spreadsheets, and tasklists to your Slack experience
    - Elevate ideas to Quip docs
    - Share Quip docs in Slack
    - Get notified of changes to your docs
    - Available on iOS/Android/Desktop/Web
    - Online/Offline

    Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System ( introduces the Login System and shows how to implement a login page. The EE Collaborative Logiā€¦
    This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
    The viewer will learn how to dynamically set the form action using jQuery.
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    12 Experts available now in Live!

    Get 1:1 Help Now