Hi,
First off sorry if this is the wrong forum but it says i don't have permission to access the CSS forum where i think this should go.
I am currently creating a website for a friend of mine and they want to have an image on the right side of the page and then text on the left that would wrap around the image if it gets long enough. That is ok the problem is that she wants a border around the text and i can't find a way of doing it.
Here is the page in question:
http://untitled.bouncingfox.co.uk/imagewrap.htm
So all i want is a box around the text that says "lots of artist information" repeatedly.
There is probably a really simple solution but i have tried various things in the css and putting the span and div tags in different places but all failed.
Thanks in advance,
Richard
Make bordered text wrap a floating image
Moderator: General Moderators
- Christopher
- Site Administrator
- Posts: 13596
- Joined: Wed Aug 25, 2004 7:54 pm
- Location: New York, NY, US
Re: Make bordered text wrap a floating image
Moved to HTML.
By a border, do you mean like the outline of a L shape around the text?
By a border, do you mean like the outline of a L shape around the text?
(#10850)
Re: Make bordered text wrap a floating image
yeah, a white line around the outside of the text.
Once i find out how to do that i am sure i could then work out the margins and padding etc to get it all to line up properly.
[arborint: thanks for settings the permissions, feel free to remove that other post.]
Once i find out how to do that i am sure i could then work out the margins and padding etc to get it all to line up properly.
[arborint: thanks for settings the permissions, feel free to remove that other post.]
Re: Make bordered text wrap a floating image
I'm almost positive that's impossible - at least using CSS. You can only do a series of boxes - which won't work.
I imagine she wants the line in order to separate the different elements? That'll make the page really busy. It's a much better practice to use whitespace to do that same thing. If it's necessary to have a line to separate elements, those elements are too close together.
I imagine she wants the line in order to separate the different elements? That'll make the page really busy. It's a much better practice to use whitespace to do that same thing. If it's necessary to have a line to separate elements, those elements are too close together.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
- Christopher
- Site Administrator
- Posts: 13596
- Joined: Wed Aug 25, 2004 7:54 pm
- Location: New York, NY, US
Re: Make bordered text wrap a floating image
You could possibly do something with a background image that had the three lines needed to make the outline around the photo -- but it would fix the photo size. You also might be able to do something with setting the bottom border of an element above this one, and then setting the left and bottom borders of a div around the photo.
(#10850)