Frontpage 2002 - positioning text and graphics

Posted on 2006-04-27
Last Modified: 2013-12-24
I have added a line of text within a top shared border in Frontpage and centred it.  I have also added an image which is on the right and has been positioned using Format, Position, Absolute.  My image is overlapping with my text and I cannot seem to get them so that the image and text can co-exist.  Have I done this right or is there a better way of doing it?
Question by:Thruss23
    LVL 15

    Accepted Solution

    the best way to do it is to either, A) use tables to layout the text and images or B) make the text part of the image (make one big image)

    otherwise, you can do it with CSS

    LVL 14

    Expert Comment

    put the image before the text in the source and float it right using css. so your source might look something like this:

    <div style="height:110px;"><img src="/path/to/image.gif" alt="image alt text" width="200" height="100" style="float:right;margin-top:5px;margin-right:10px;" /><p style="text-align:center;margin-top:50px;">Text goes here</p></div>

    where the px values (for the image) for margin-top and margin-right are how far from the top/right corner of the shared border you want the image positioned.

    you may want to add some padding-left:10px; to it in order to ensure a little space between text and image, depending on how close they get to each other in your layout and whether you're using a 'fluid' layout or fixed-width one.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Course: HTML5 Specialist

    HTML5 development skills are critical to all developers. HTML5 is the foundation to almost any development process. That's why business, design studios, development shops and other organizations need HTML5 developers. Get your foot in the door as a HTML5 specialist.

    In this short web based tutorial, I wanted to show users how they can still use the powers of FrontPage in conjunction with Expression Web 3.  Even though Microsoft eliminated the use of Web components, we can still use them with FrontPage and edit …
    Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
    The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
    The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

    759 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