473,654 Members | 3,082 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Wrap text to the right of an image

My images are fixed in size and can't be redone.

Many of them are tall and narrow.

How can I wrap text so that the text starts on the right of the image
at a level with the top of the image. So that resizing the browser
window will cause the text to wrap below the image.

[I don't want to use tables because resizing the window causes the
text to stay in the same column and not to wrap directly below the
image]

Is it possible to do what I want to do?

Jul 20 '05 #1
1 5258
In article <rb************ *************** *****@4ax.com> in
comp.infosystem s.www.authoring.html, Mark P wrote:
How can I wrap text so that the text starts on the right of the image
at a level with the top of the image. So that resizing the browser
window will cause the text to wrap below the image.

Is it possible to do what I want to do?


Not only possible, but easy.

The pure-HTML way is to add the
attribute align="left"
to your <img> tag.

Do you know anything about CSS? The CSS way is better because you
can put some nice-looking space around the image. (There are other
reasons too.) In your style sheet, declare a class such as "inset":
img.inset { float:left; margin: 0.25em 0.5em 0.25em 0 }
and then in your HTML add
class="inset"
to your <img> tag.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
Jul 20 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
23007
by: Xerxes | last post by:
Hi, I need help in setting up a page where the text wraps around an image. Right now, I am using table, with text in one <td> and the image in the adjacent <td>. The problem is when the text is longer than the height of the image, I get all this dead space below the image with the text just going vertically down in its own <td>. Can I use style sheet to position the image and the text so that the text can start taking up the whole page...
10
11105
by: Dan V. | last post by:
Is it possible to have 2 divs beside each other and one not wrap around? I realize the 2 div's are floating left but I can only think of this as the best solution for now. I am trying to get the thumbnail photos and the large home rendering on top not to wrap, and only the interior/exterior photos to wrap. What do you recommend? http://www.officeactivate.com/schuit/madison.shtml
1
2216
by: Simon Wigzell | last post by:
I send HTML formatted emails with links and images in them generated by my asp driven website. Occasionally the image will not appear and the link will not work. By looking at the email at the receive end, (right click/properties/details/message source, this is what I sent: <p align="center" style="margin-top: 0; margin-bottom: 0"><a href="http://www.mississippiprinting.com/MPCHomeOld.asp"> <img border="0"...
8
2734
by: Jazztastic | last post by:
Hi group. I have a table with a dynamic image and dynamic text field. Whatever i try, the text doesn't wrap around the image. Can someone please help me out with this? this is the code: <td> <img src="fotos/<?php echo $row_Recordset1; ?>" alt=""
1
3987
by: laura.paterson | last post by:
Hi, I'm new to html, and having difficulty getting my text to wrap around an image the way I'd like it to.. I have an image in the top left corner of a component, and if there is space, I'd like my text to start at the top right and wrap around the image. However, if there is a long word in my text (which is longer than the available space between the image and the left edge of the component) the the image overlaps the text. Ideally...
14
8272
by: Zhang Weiwu | last post by:
Hello. I have been using word processor like OOO for nearly 10 years and such layout is very usual to me: gopher://sdf.lonestar.org/I/users/weiwu/ooo_wrap_correctly.png but I found it's very difficult to achieve the same layout with HTML/css. The best result I can achieve is like this: gopher://sdf.lonestar.org/h/users/weiwu/Expectation.xml
1
3472
by: Viken Karaguesian | last post by:
Hello everyone, I have a slight problem that I can't seem to solve. I'm not sure if it's a CSS problem, HTML problem or simply an IE-6 bug. I chose this forum as I suspect the fix may be with CSS. I have styled hyperlinks on a website to show a small "new window" icon when I have a link that opens in a new window. This works as designed in FF. In IE-6, however, when a hyperlink wraps to the next line, the icon does not wrap along...
2
2332
by: Sjef | last post by:
Hallo, I have the following css for thumbnails #duimnagel { float:left; padding:15px 15px 15px 15px; text-align:center; height:120px; }
8
10622
by: Skeer | last post by:
This is what I'm having problems with: I have a image that is in an absolute positioned div at the bottom left of my content. I want the content to be full width until reaching the image then wrap around it. Refer to the image for details: http://img31.imageshack.us/img31/3039/wrap.png The red is the content div with padding, the black is the div + image, and the white is the content. I want the text to only be in the white spot and wrap...
0
8814
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8706
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8475
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8591
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7304
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6160
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4149
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
2709
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1915
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.