JammerPro
Junior Member   Posts: 16 Registered: 8/21/2004 Status: Offline
|
 posted on 8/15/2008 at 09:45 AM |
I've read all the threads on this here at Autotheme... but for the life of
me, I can't seem to get text to wrap around .
Here's what I'm trying to do in html (this works):
<img align="left" hspace="10" src="picture.gif">
This is what I'd like to do, but it doesnt' work:
quote:
<td width="100%"
valign="top"><!-- [topic-image] --> <!-- [article-summary]
--> </td>
Thanks.
[Edited on 15/8/2008 by JammerPro]
|
| |
| |
Shawn
Administrator   Posts: 4575 Registered: 10/7/2002 Status: Online
|
posted on 8/15/2008 at 09:55 AM |
I'm not sure exactly what you're trying to do, but you can wrap the tags in
a span or div and apply styles to those.
<span class="topic-image"><!-- [topic-image]
--></span>
.topicimage { some of your styles }
--or--
<span ><!-- [topic-image] --></span>
If you have screen shots of what looks how you want and what doesn't with
the HTML that would help.
-Shawn
|
| |
JammerPro
Junior Member Posts: 16 Registered: 8/21/2004 Status: Offline
|
posted on 8/15/2008 at 12:25 PM |
That doesn't seem to work for me. What files do I add the code to? I added
to my styles.css the following:
.topic-image{
align : left;
hspace : 10px;
}
Then used your span example in the summary.html file, but no effect.
Look at the center summary article blocks and you'll see what's wrong. The
text doesn't wrap around the topic icon from the top. The text starts
wrapping at the bottom of the topic icon...
Here's the site: http://internationallawsection.org
[Edited on 15/8/2008 by JammerPro]
[Edited on 15/8/2008 by JammerPro]
[Edited on 15/8/2008 by JammerPro]
|
| |
Shawn
Administrator Posts: 4575 Registered: 10/7/2002 Status: Online
|
posted on 8/15/2008 at 01:48 PM |
I know CSS fairly well, but maybe a guru can look at this post.
1. I was just giving you a general idea, hspace is not a CSS style as far
as I know so it won't work.
2. There are likely many ways to skin this cat. I haven't tested but here
are some ideas, and yes in styles.css:
.topic-image img{
float : left;
margin: 0 10px 0 10px;
}
Might also work:
.topic-image img{
display : inline;
margin: 0 10px 0 10px;
}
-Shawn
[Edited on 8/15/2008 by Shawn]
|
| |
JammerPro
Junior Member Posts: 16 Registered: 8/21/2004 Status: Offline
|
posted on 8/15/2008 at 04:13 PM |
Works Great! Thanks Shawn!
Here's what I used so those who are looking in the future have it
quickly!
In syles.css add:
.topic-image img{
float : left;
margin: 0 10px 0 10px;
}
In summary.html add:
<span class="topic-image"><!-- [topic-image]
--></span>
|
| |
Mars
Moderator  Posts: 351 Registered: 3/11/2003 Status: Offline
|
posted on 8/15/2008 at 04:59 PM |
The code keeps getting stripped from my reply, so I made it an image. I put
that code right before the call for article-summary
____________________
PostNuke Themes
PHPNuke Themes
AutoThemes
Your #1 source for FREE and custom AutoThemes!
|
| |
Shawn
Administrator Posts: 4575 Registered: 10/7/2002 Status: Online
|
posted on 8/15/2008 at 06:19 PM |
quote:
The code keeps getting stripped from my reply, so I made it an image. I put
that code right before the call for article-summary
And here is the CSS guru. He just needs to be quicker on the post 
|
| |
