473,320 Members | 1,876 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,320 software developers and data experts.

Float CENTER (please?)

1
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 with the layout programs we have. However not so with HTML it seems.. What I'm looking to so is have columns with word wrap that will wrap around a photo in the middle of them...

for instance,....


------------------------------------------ --------------------------------------------
------------------------------------------ -------------------------------------------
------------------------------------------ -------------------------------------------
------------------------picturepicturepicturepicture-----------------------
------------------------picturepicturepicturepicture----------------------
------------------------picturepicturepicturepicture----------------------
------------------------picturepicturepicturepicture-----------------------
------------------------picturepicturepicturepicture----------------------
------------------------picturepicturepicturepicture-----------------------
------------------------picturepicturepicturepicture-----------------------
------------------------picturepicturepicturepicture----------------------
------------------------picturepicturepicturepicture----------------------
------------------------------------------ --------------------------------------------
------------------------------------------ -------------------------------------------
------------------------------------------ -------------------------------------------


I figure this could be done by making two dives and having to partial "blank"images floating left or right in them and then applying a DIVE over the top to fill the empty space.. but is there and easier way?

Thank you much!
Jason Houge
Dec 9 '06 #1
1 11703
AricC
1,892 Expert 1GB
Hope this helps:

[html]
<html>
<head>
<title>Template</title>

<style type="text/css">
body
{
background-color: red;
}
.clsWrapper
{
text-align: center;
width: 500px;
height: 500px;
border: 1px solid green;
}


</style>

</head>
<body>
<div class="clsWrapper">
<img src="testimage.jpg" alt="Test" />
</div>


<body>

</html>
[/html]
Dec 10 '06 #2

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

Similar topics

11
by: Jeff Thies | last post by:
I have a series of blocks that are float left that I need centered on the page. <div class="center" align="center"> <div style="width: 100 px;float: left">thumbnail 1</div> <div style="width:...
2
by: Gustav Medler | last post by:
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...
6
by: Viken Karaguesian | last post by:
Hello, Just wondering what the difference is between "float" and "align"? If I align a picture to the left, is that not the same as floating it? Can align and float be used together or do you...
16
by: Wolfgang Meier | last post by:
Hi, Although it might seem like I am firing out random posts in quick succession this matter is indeed one I thought about for quite some time without coming to a conclusion: Why is it that...
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...
7
by: Partho | last post by:
I have a float variable which I need to add to a short variable. How do I do this? Do I have to typecast or is there a way around? I tried typecasting the float to a short, but that gives me a 0 or...
2
by: Ian N | last post by:
Hi, I've been trying to get my CSS menu to float to the middle of the page. As i'm also designing to cater for users with 800 x 600 browsers, i have split the menu into two lists, this way it'll...
0
by: Dessip | last post by:
Hey, The code that follows im having problems with, i think tis the CSS, but i dont have a clue of fixing it, i have tried any things but without the float:Left there is no point the folloing...
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....
13
by: limelites | last post by:
In IE7, FF, Chrome and Safari, everything looks great but in Opera the display of the additional images in my product page looks awful. This is a site that does attract foreign visitors who do use...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....

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.