473,388 Members | 1,207 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

Unusual floats?

With CSS, is it possible to produce, without making a mess, the kind of
layout shown (crudely) by

http://gavelcade.com/mockup4.gif

?

The text in the panes on the left and right should wrap around the
superimposed feature boxes in the center.

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.

Jul 20 '05 #1
4 1484
"Harlan Messinger" <h.*********@comcast.net> wrote:
With CSS, is it possible to produce, without making a mess, the kind of
layout shown (crudely) by

http://gavelcade.com/mockup4.gif

?

The text in the panes on the left and right should wrap around the
superimposed feature boxes in the center.


It's possible, but not easy. It would require using dummy blocks floated
in the 2 main columns to cause the text to wrap around, and then
absolutely positioning the feature boxes in the center.

--
Spartanicus
Jul 20 '05 #2
Spartanicus <me@privacy.net> wrote
"Harlan Messinger" <h.*********@comcast.net> wrote:
With CSS, is it possible to produce, without making a mess, the kind of
layout shown (crudely) by

http://gavelcade.com/mockup4.gif

The text in the panes on the left and right should wrap around the
superimposed feature boxes in the center.


It's possible, but not easy. It would require using dummy blocks floated
in the 2 main columns to cause the text to wrap around, and then
absolutely positioning the feature boxes in the center.


Yeah. Your HTML template should look something like this:

<body>
<div id="header">...</div>
<div id="feature">...</div>
<div id="sitemap">
<div class="featurespace">...</div>
...
</div>
<div id="main">
<div class="featurespace">...</div>
...
</div>
</body>

Using:
#feature to horizontally absolutely position.
.featurespace to set width and height to match #feature.
#sitemap .featurespace floated right.
#main .featurespace floated left.

--
Karl Smith.
Jul 20 '05 #3

"Karl Smith" <go************@kjsmith.com> wrote in message
news:3d************************@posting.google.com ...
Spartanicus <me@privacy.net> wrote
"Harlan Messinger" <h.*********@comcast.net> wrote:
With CSS, is it possible to produce, without making a mess, the kind of
layout shown (crudely) by

http://gavelcade.com/mockup4.gif

The text in the panes on the left and right should wrap around the
superimposed feature boxes in the center.


It's possible, but not easy. It would require using dummy blocks floated
in the 2 main columns to cause the text to wrap around, and then
absolutely positioning the feature boxes in the center.


Yeah. Your HTML template should look something like this:

<body>
<div id="header">...</div>
<div id="feature">...</div>
<div id="sitemap">
<div class="featurespace">...</div>
...
</div>
<div id="main">
<div class="featurespace">...</div>
...
</div>
</body>

Using:
#feature to horizontally absolutely position.
.featurespace to set width and height to match #feature.
#sitemap .featurespace floated right.
#main .featurespace floated left.


I guess this is what we call "tag soup". :-) But I'll give it a try. I'll
only be using this layout for the home page. All the others are much more
straightforward.

Jul 20 '05 #4

"Karl Smith" <go************@kjsmith.com> wrote in message
news:3d************************@posting.google.com ...
Spartanicus <me@privacy.net> wrote
"Harlan Messinger" <h.*********@comcast.net> wrote:
With CSS, is it possible to produce, without making a mess, the kind of
layout shown (crudely) by

http://gavelcade.com/mockup4.gif

The text in the panes on the left and right should wrap around the
superimposed feature boxes in the center.


It's possible, but not easy. It would require using dummy blocks floated
in the 2 main columns to cause the text to wrap around, and then
absolutely positioning the feature boxes in the center.


Yeah. Your HTML template should look something like this:

<body>
<div id="header">...</div>
<div id="feature">...</div>
<div id="sitemap">
<div class="featurespace">...</div>
...
</div>
<div id="main">
<div class="featurespace">...</div>
...
</div>
</body>

Using:
#feature to horizontally absolutely position.
.featurespace to set width and height to match #feature.
#sitemap .featurespace floated right.
#main .featurespace floated left.


I guess this is what we call "tag soup". :-) But I'll give it a try. I'll
only be using this layout for the home page. All the others are much more
straightforward.

Jul 20 '05 #5

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

Similar topics

8
by: Tom | last post by:
Has anyone ever seen a IComparer for floats the returns magnitude. i.e. instead of returning -1, it would return -5. To let you know HOW different the two numbers are. obviously for int it is a -...
5
by: Neal Becker | last post by:
Like a puzzle? I need to interface python output to some strange old program. It wants to see numbers formatted as: e.g.: 0.23456789E01 That is, the leading digit is always 0, instead of the...
8
by: Madhusudan Singh | last post by:
Is it possible to convert a very long list of strings to a list of floats in a single statement ? I have tried float(x) and float(x) but neither work. I guess I would have to write a loop if...
7
by: William S Fulton | last post by:
I'm looking for the name of the following casting style in order to do some reading around on it and why it is sometimes used. unsigned long long ull = 0; void * ptr = 0; ull = *(unsigned...
3
by: freelanceinaz | last post by:
My problem page is at http://girlschorus.org/test.html I have a container with a relatively positioned graphic at the top, then two floats which are relatively positioned (for a a two-column...
11
by: Steve | last post by:
I'm trying to create a list range of floats and running into problems. I've been trying something like: a = 0.0 b = 10.0 flts = range(a, b) fltlst.append(flts)
13
by: yb | last post by:
Hi, Is there a CSS method to clear a float such that it aligns with the left content edge. For example: X X X X X X X X
9
by: Thomas Nelson | last post by:
I want to generate all the fractions between 1 and limit (with limit>1) in an orderly fashion, without duplicates. def all_ratios(limit): s = set() hi = 1.0 lo = 1.0 while True: if hi/lo not...
16
by: luca bertini | last post by:
Hi, i have strings which look like money values (ie 34.45) is there a way to convert them into float variables? everytime i try I get this error: "numb = float(my_line) ValueError: empty string...
0
by: Matthieu Brucher | last post by:
2008/11/5 L V <somelauw@yahoo.com>: Hi, I don't think the Python developers list is th best list to post this kind of question. What version of Python did you use for this test? Matthieu
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
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,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
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...
0
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...

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.