473,769 Members | 2,085 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

text wrap around image

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 starting from the bottom of the
image?

text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text |
|
text text text text text text text text text text text text |
|
text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text

Thanks.
Jul 20 '05 #1
3 23023
Hi Xerxes,
Can I use style sheet to position the image and the text so that the
text can start taking up the whole page starting from the bottom of the
image?


try something similar:

<p>
Paragraph 1 - will be completely above the image.
</p>
<div style="float:ri ght;">
<img ... />
</div>
<p>
Paragraph 2 - will begin beside the image and ev. float under it.
</p>

HTH,

Paul

Jul 20 '05 #2
In article <f6f8c553aa2ddb 97472d75730d440 8ac@TeraNews>, ashkaan57
@hotmail.com says...
Hi,
I need help in setting up a page where the text wraps around an image.


In your css:

p img { float: right; }

In your html:

<p><img src="x.jpg" alt="xx">lots of text.....
</p>

You can add margins to the image if you want.

Jul 20 '05 #3
Thank you all very much.

"Xerxes" <as*******@hotm ail.com> wrote in message
news:f6f8c553aa 2ddb97472d75730 d4408ac@TeraNew s...
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 starting from the bottom of the image?

text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text |
|
text text text text text text text text text text text text |
|
text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text

Thanks.

Jul 20 '05 #4

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

Similar topics

1
5273
by: Mark P | last post by:
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.
2
13935
by: Suzanne Boyle | last post by:
I have the following code in a webpage: <p><img src="images/clydesdale.gif" width="100" height="41" style="float: left;" /> <strong>Test</strong><br /> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. <br /> visit website
2
6192
by: mike | last post by:
Hello, What I would like is to float some text around the image where the text starts align on the left or right of the image aligned to the top of the image and then wrap around the image. I have tried using the .imgright {float: right;} or .imgleft {float: left;} in my draft css. I have looked at other suggestion on the net by using a span class but I am having problems adding it to my <div class="contpara" now such luck. Here is my...
3
5586
by: Coby Herd | last post by:
I cannot find any information on how to insert an image into a block of text and have the text wrap around the image. All if the text and graphics in the client's site are being pulled from the database using response.write. When I write straight HTML, it is easy to place an image into a block of text and align the image right or left, having the text wrap around the image. Can anybody offer any suggestions? Thanx
3
2227
by: Coby Herd | last post by:
I 've built a site for a client using .asp and eveything is working fine except I cannot figure out how to wrap text around an image. Everything is pulled from the database using response.write. The code works correctly but I just can't seem to figure out how to do it? I've been searching for weeks about info on how to do this - to no avail. Can anybody offer any help? thanx cobyfrombrooklyn
1
14179
by: maya | last post by:
hi, I have to do a page where there's a paragraph with an img on top left and the text in paragr has to wrap around the image.. pls see screen-shot here... http://www.mayacove.com/css/ss_page.jpg the image itself will be inserted dynamically via a CMS.. but NOT the border around it.. there are no. of ways to do the border, of course (div, table, etc..) problem is how do you make the text wrap around a table or a div?
1
3998
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...
0
1438
by: AR123 | last post by:
Hi I have set up my stylesheet with the following so that when I put the block quote tag around text it appears in the middle of image. Image is aligned left. The problem is the text seems to wrap around which is fine for some things but if I dont want it to wrap around how can I get text on a new line under the block quote rather than at the side of it but i would still need it to wrap around fro certain text? /* quote style */ ...
8
10679
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
9589
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10216
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
9865
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
8873
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
7413
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
5309
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...
0
5448
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3965
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
2
3565
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.