469,892 Members | 2,145 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,892 developers. It's quick & easy.

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

Post your reply

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

Similar topics

11 posts views Thread by Jeff Thies | last post: by
2 posts views Thread by Gustav Medler | last post: by
6 posts views Thread by Viken Karaguesian | last post: by
16 posts views Thread by Wolfgang Meier | last post: by
7 posts views Thread by Partho | last post: by
2 posts views Thread by Ian N | last post: by
reply views Thread by Dessip | last post: by
1 post views Thread by Waqarahmed | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.