472,958 Members | 2,382 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,958 software developers and data experts.

css float left and linebreak

42
Hey,
Is it possible to change line on a float object?
For example let say I have one <b> tag, one <p> tag and one <img> tag:
I want the <img> to have float right and the <b> to have float left then I want the <p> to have float none so it will go around the image.
However if I have float left on the <b> tag the <p> will stay on the same line as <b> and the only way I know how to move it down is by giving the <b> tag a width on 100%

see attached image for an example of how I want it to align

Nov 8 '08 #1
5 3325
David Laakso
397 Expert 256MB
Anything is possible: providing it is based on fact, rather than incomprehensible gibberish. Put a test example on a public server and point to it in your post to the forum.
Nov 9 '08 #2
David Laakso
397 Expert 256MB
But wait, maybe it can be done. The question is, do I understand the question?

It may be a little inconsistent cross-browser but is this anywhere near what you're after?
Nov 9 '08 #3
Gozil
42
yes thats correct, I was was looking for something like clear: left.
thanks for helping!

PS:
I thought my image was quite informative :)
Nov 9 '08 #4
David Laakso
397 Expert 256MB
I thought my image was quite informative :)
It was informative. David the moron on this end didn't see it the first time around.

BTW, I am not sure, at the moment, what is causing the rendering difference among compliant browsers (difference in the space above the image). I am looking into it-- and if correctable, I'll post a revision
Nov 9 '08 #5
David Laakso
397 Expert 256MB
BTW, I am not sure, at the moment, what is causing the rendering difference among compliant browsers (difference in the space above the image). I am looking into it-- and if correctable, I'll post a revision


Please see revision on server:
Expand|Select|Wrap|Line Numbers
  1. body {
  2. font : 100%/normal /*helvetica, deleted*/arial, sans-serif;
  3. }
  4. img {
  5. margin : /*-141px*/ -155px 1px 10px 20px;
  6. }
  7. .c {
  8. line-height: 1/*added*/;
  9. }
  10.  
Additionally the cc's for IE/6 and IE/7 were revised.

The above changes on Mac 10.4 make Opera, Safari, Camino, and WebKit the same.
Firefox has been let to ride the image a little tighter to the top than
the other browsers...
Nov 9 '08 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

15
by: nAmYzArC | last post by:
Hi everyone, I'm setting the body of an email using values from a form firstname = bob lastname = dole ebody = 'First Name: ' + firstname + '\r\n' + 'Last Name: ' + lastname ...
5
by: Marek Mänd | last post by:
Is in theory creating layout of two floats possible, where the left "float:left" has fixed with the right "float:left" extends to the right side of the browser window?
2
by: Penguinny | last post by:
Dear all, I am trying to make a relatively simple layout with two adjustment columns filled with short news pieces, but there's a catch. I cannot control the html for these news bits, so I am...
2
by: Dr. Richard E. Hawkins | last post by:
I've googled around, and asked everyone I know, but I still can't find any reference to anyone else having faced this particular IE bug with floats. I've put a page at...
0
by: jonipony | last post by:
HELP: Float Left box is drifting to the right in ie! -------------------------- I need som HELP with my CSS coding! On the following web page my design falls apart at screen size 800 x 600...
3
by: hantechs | last post by:
<html> <body> <p style="width:30%;">text1</p> <p style="float:left;">text2</p> </body> </html> The effect of this html code is : text1 and text2 each is on a line. My question is: Why text2...
5
by: John | last post by:
Hi Suppose I want a header containing an image floated left and a list of horizontal links floated right. So I float the image left. I then do the following with the list: ul = float:...
27
by: GloStix | last post by:
WARNING VIDEO TAKES A WHILE TO LOAD http://screencast.com/t/BWQ6DNtsM I really don't know how to fix this other than putting another div. But I dont' exactly want to do that for every page....
15
dlite922
by: dlite922 | last post by:
I'm back again, Intro: I've got a floating div (outerDIV) with fixed width that contains an image (IMG) and a div that contains a short text (innerDIV) Problem: In FF, the innerDIV is...
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...

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.