How to float:center; an image in text?

Gustav Medler

Css only offers float:right; and float:left;

Is it possible, to center an image, floated around by text? Cross
browser funcionality is needed for NS4.7, IE 5.x, Op 6.x, Moz 1.x, Konqu
3.x.

I did try
<div style="width:12 0px; float:left;">
<img src="schloss.jp g" width="88" height="100">
what did work for :left and for :right margin with floating text around.
How to center the image?

Example:

<html>
<body bgcolor="#FFFFF F" text="#000000">
<table width="630" border="1">
<tr>
<td colspan="3">

ölkhsdfl&o uml;khsdfl&ouml ;khsdfölkh sdlökhsd&o uml;lkhasdfl
ökhfs
asdöklfhsd ölhfsd sdöhiasd&o uml;lhfasd
sdöoihfsd& ouml;lkhf
sdaoöiahfv sdhf oöisdhfgv& ouml;shdfgv oöisdhfosh idfc
öoäis dhfoähisdf
öoisdhfv&o uml;liasdh oäisdhfvo& auml;ihsdf
öäois dhfvoö&aum l;ihsd
oöäis dhfvöo&aum l;ihsd

<div style="width:12 0px; float:left;">
<img src="schloss.jp g" width="88" height="100">
</div>

öäois dhfgvö&aum l;oisdha
sdioöhfasd h äsdhfgv&au ml;ohasdfg sdhfgälsdj fgv
wefhioopweijf
weojhfgüpwerj ihowefüwef oüiwefgühwefg pü0wefgüpjhwe üwerjgpüej
werjgüpjer
oaizhsdfoiasef oüiwerfopiweh üowezhfowiehf üowezhfo wefh
oiwehfopwiehf opiwhefowiehf hsdfljkhsdf
sdlökjösdfj sdäkföä skdfö ljksdfä sdkfä ksdf sdöfjsdöfjl
sdafljöäsdfj äpösjdfäöasdfj dofpdfoh dfgpofdgjk dfgüdkfgpü
kjfdgkhdfg köjhfgökldfh ölkdfhgölhdf öldfhgölhdfg lödfhgöldfhg
oösdfhglödfh öodfhgöldhkf lödfhglödfh öldfhgöldhg ödfhgöldfg
ödflhgöldfhg öldfhgöldf öldfhgöldhf ödflhgöldfh ödflgöldfg
</td>
</tr>
</table>
</body>
</html>
--
Best regards/ MfG,
Gustav Medler

Jul 20 '05 #1

Subscribe Reply

38631

Andrew Tang

"Gustav Medler" <us********@gmx .net> wrote in message
news:be******** ****@ID-22193.news.dfnc is.de...

Css only offers float:right; and float:left;

Is it possible, to center an image, floated around by text? Cross
browser funcionality is needed for NS4.7, IE 5.x, Op 6.x, Moz 1.x, Konqu
3.x.

I would also like to know the answer to this, as to the best of my knowledge
is that you can't. I have tried a variety of method from positioning to
floating and none seems to allow for text warpping around an image that's
not floating left or right. Maybe CSS3?

Andrew

Jul 20 '05 #2

Stephen Poley

On Thu, 10 Jul 2003 15:06:59 +0100, "Andrew Tang"
<An*********@ho tmail.com> wrote:

"Gustav Medler" <us********@gmx .net> wrote in message
news:be******* *****@ID-22193.news.dfnc is.de...

Is it possible, to center an image, floated around by text?
I would also like to know the answer to this, as to the best of my knowledge
is that you can't. I have tried a variety of method from positioning to
floating and none seems to allow for text warpping around an image that's
not floating left or right. Maybe CSS3?

I hope not. This sort of thing gets dreamed up by graphical designers
who only look at the pictures and don't care that it makes the text
unnecessarily hard to read. (I guess if they were automotive designers
they'd fit sexy heptagonal wheels.)

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

Jul 20 '05 #3

Similar topics

6716

how to float image surrounded by text on 4 sides

by: richards1052 | last post by:

I write a blog & have html code which I use to float images right & left in my posts. But I often see images surrounded by text on all 4 sides. Can anyone tell me a not too complex way I can do this? Here's the image (float left) code I use now: <div><div style="float:left;"> <img style="margin-right: 15px" src="" height="" width="" /> <p style="text-align:center;"><span style="color: blue;"><em> </em> (credit: )</span></p></div>

HTML / CSS

3758

Problem Reading Image Data from SQL Server using ADO.NET

by: Chucker | last post by:

Hi Community, I think I can store Binary Data in SQL Server but when I try to retrieve it, I always only get one byte. I think I stored my Binary Data in SQL Server in a Colum of Type Image. At least when I execute the following code, I get some significant network traffic. When I check the database with query analyzer, I see 4 Hex Chars in the image colum. Like 0xe0 etc.

C# / C Sharp

3150

Note-style box with image

by: Dan | last post by:

Hi, What is the best way to set up a "Note block" on a web page with CSS. This should consist of a colored box that contains an image on the left, and left-justified text floating to the right. Example: _____________________________ IMAGE |XXXXXXXXXXXXXXXXX |||||||XXXXXXXXXXXXXXXXX |||||||XXXXXXXXXXXXXXXXX

HTML / CSS

11729

Float CENTER (please?)

by: JHouge | last post by:

Hi, I'm not an expert in coding by any means.. I learn it when I need it. I've been crowned the Online editor for my college paper (mainly because no one else would do it.) I have some previous experience with HTML and CSS from previous sites I've worked on. if you open you local newspaper you'll see the text is in thin narrow columns usually... In some instances those columns will wrap around a photo in the middle of them. Easy enough to do...

HTML / CSS

8335

text wrap around image: how can we do it with css?

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

HTML / CSS

3177

Float text or tables

by: codeex | last post by:

I have desiged a web page with adobe photoshop..but im trying to figure out how i can float text or tables on top of what have already done with making the images shift. If there is a way to make it float it would be greatly appreciatied. the url of the page im developing is Link thank you

HTML / CSS

2761

How to center some text nicely between two floats

by: Hendrik Maryns | last post by:

Hi, There is a little problem with the header on the page I recently converted from frames to proper HTML+CSS. The top part with the navigation used to be the top frame but is now included via SSI. On a broad screen, it looks good, but if you make the viewport small, the slogan text in the middle overlaps with the navigation buttons. http://www.weltladen-tuebingen.de/

HTML / CSS

2256

Floating text on wrapped line

by: Jason Carlton | last post by:

Sorry if this goes through twice, I had an error the first time that I submitted. I have a bit of text that has a varying length, and I'm wanting to float text to the right. The problem is that the text needs to wrap to 2 lines instead of 1, and I'm wanting to float the text to the right of the second line. Something like this:

HTML / CSS

7110

how to center my main div with css

by: cleary1981 | last post by:

Hi, I am sure this is fairly obvious, I am designing a site which I want to be cross browser compatible. My content is 735px wide. I am having trouble working out how to get the main content div to show in the centre of the page. Heres my css for the main div body{ margin:0px; padding:0px; background:url(images/bgmain.jpg) 0 0 repeat-x white;

HTML / CSS

9715

What is ONU?

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...

General

10600

Problem With Comparison Operator <=> in G++

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...

C / C++

10352

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

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...

Online Marketing

10097

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

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...

General

9175

AI Job Threat for Devs

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...

Career Advice

5673

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

4313

transfer the data from one system to another through ip address

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

C# / C Sharp

3835

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

3002

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General