i really like how the text is to the right and the images to the left. i tried doing this with a table but the table just kept repeating itself. is there a better way to do this with mt tags?
any suggestions? tips? i'd be eternally grateful
Full Version: alignment with images and text
i'm hoping someone can help me but i'm trying to do something specific with my photolog. i'd like it to look like jeremy's tutorial but i can't seem to do that. i pasted word for word from his tutorial into my template. i was able to fix the date header, but i still have 1 more thing.
i really like how the text is to the right and the images to the left. i tried doing this with a table but the table just kept repeating itself. is there a better way to do this with mt tags?
any suggestions? tips? i'd be eternally grateful
i really like how the text is to the right and the images to the left. i tried doing this with a table but the table just kept repeating itself. is there a better way to do this with mt tags?
any suggestions? tips? i'd be eternally grateful
I have a feeling that Jeremy's class="thumb" in his stylesheet is the key to having the text and the images align next to each other. I can't seem to find a stylesheet to look at on his site, but I'd guess that adding a class like this might do it:
I'm not positive, though!
For a table based format, here's how I would modify his code -
I didn't test this out because its quite different than my setup!!
Kristine
CODE
.thumb {float:left}
I'm not positive, though!
For a table based format, here's how I would modify his code -
CODE
<table>
<MTEntries>
<MTDateHeader>
<div class="date"><$MTEntrydate format="%B %d, %Y"$></div></MTDateHeader>
<tr><td>
<div class="blogbody">
<a name="<$MTEntryID pad="1"$>"></a>
<div class="thumb"><a href="<$MTEntryLink$>#<$MTEntryID pad="1"$>"><$MTEntryExcerpt$></a></div></td>
<td>
<div>
<span class="title"><$MTEntryTitle$></span>
<MTEntryIfExtended>
<span class="extended"><$MTEntryMore$></span>
</MTEntryIfExtended>
</div>
<div class="posted">posted by <$MTEntryAuthor$> at <a href="<$MTEntryLink$>#<$MTEntryID pad="1"$>">
<$MTEntryDate format="%I:%M %p"$></a>
<MTEntryIfAllowComments> | <a href="javascript:OpenComments(<$MTEntryID$>)">Comments
(<$MTEntryCommentCount$>)</a></MTEntryIfAllowComments>
</div>
</div></td></tr>
</MTEntries></table>
<MTEntries>
<MTDateHeader>
<div class="date"><$MTEntrydate format="%B %d, %Y"$></div></MTDateHeader>
<tr><td>
<div class="blogbody">
<a name="<$MTEntryID pad="1"$>"></a>
<div class="thumb"><a href="<$MTEntryLink$>#<$MTEntryID pad="1"$>"><$MTEntryExcerpt$></a></div></td>
<td>
<div>
<span class="title"><$MTEntryTitle$></span>
<MTEntryIfExtended>
<span class="extended"><$MTEntryMore$></span>
</MTEntryIfExtended>
</div>
<div class="posted">posted by <$MTEntryAuthor$> at <a href="<$MTEntryLink$>#<$MTEntryID pad="1"$>">
<$MTEntryDate format="%I:%M %p"$></a>
<MTEntryIfAllowComments> | <a href="javascript:OpenComments(<$MTEntryID$>)">Comments
(<$MTEntryCommentCount$>)</a></MTEntryIfAllowComments>
</div>
</div></td></tr>
</MTEntries></table>
I didn't test this out because its quite different than my setup!!
Kristine
well i tried both. the look now reflects the stylesheet change. but when i tried the table thing, the date header wouldn't show up and the extended entry didn't have any of the properties from the stylesheet. any ideas how to fix it now? i'm on a mac and i see some of the images shift to the right.
i appreciate your help
i appreciate your help
hey again Carla
Blah. I'm sorry that wasn't more helpful! Maybe email Jeremy and see if he could give you the stylesheet that does work with the templates and tutorial - that would probably be easiest, because he could be doing multiple things that I can't guess!!!
And, if you post a link to your photoblog, I'll look at it some more - I looked through your site and couldn't seem to find it so I'm guessing you don't have it linked yet!
Kristine
Blah. I'm sorry that wasn't more helpful! Maybe email Jeremy and see if he could give you the stylesheet that does work with the templates and tutorial - that would probably be easiest, because he could be doing multiple things that I can't guess!!!
And, if you post a link to your photoblog, I'll look at it some more - I looked through your site and couldn't seem to find it so I'm guessing you don't have it linked yet!
Kristine
here's my photolog but i also found this one. i think this one uses your template, right?
i'd be very grateful if you could help me get these tweaks worked out. can i send you something through paypal? pay for a template or something? i feel guilty coming here and asking for help and never giving any in return (I can't anyhow).
i'd be very grateful if you could help me get these tweaks worked out. can i send you something through paypal? pay for a template or something? i feel guilty coming here and asking for help and never giving any in return (I can't anyhow
).
Oh, I see, cuz your thumbnails are bigger, they are floating below the surface of the post....
I'll send you an email with some info, sweety
Kristine
I'll send you an email with some info, sweety
Kristine
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.