Image Comments after the image, down!

Discuss news styles, css code, and other Coranto customizations in here...the possibilities are endless, so have at it!

Moderator: Spunkmeyer

Image Comments after the image, down!

Postby Hrvoje » Mon Jun 18, 2007 11:22 pm

I have the image that is <Field: CustomField_image> and its aligned LEFT vspace=4 hspace=4...basically i dont know the size of the image because each time i add the image it varies from size to size.

what i want is to add my comment at the end of image, in the new line as described in the pic here, anyone can help me? Thanks!

Image
Hrvoje
 
Posts: 182
Joined: Thu Mar 22, 2007 12:35 pm

Postby Musicvid » Tue Jun 19, 2007 4:07 am

Put this after your image and before your text:
<br clear="all" />
Musicvid
 
Posts: 138
Joined: Wed Jan 17, 2007 1:05 am
Location: Western America

Postby Hrvoje » Tue Jun 19, 2007 2:03 pm

after i did that, my text is not aligned left and it goes DOWN after the image...

<font face="Trebuchet MS" size="1" color="#454545"></font><br /><img src="<Field: CustomField_thumb2>" alt="" hspace="11" vspace="4" border="0" align="left" class="tablica"><br clear="all" /><Field: CustomField_komentarslike><font face="Arial" size="2" color="#000000">
<Field: Text></font><br />

thing is, i have two text's one should be left aligned along with the photo and this one (new) should be after the image ...
Hrvoje
 
Posts: 182
Joined: Thu Mar 22, 2007 12:35 pm

Postby SrNupsen » Tue Jun 19, 2007 4:04 pm

Try putting your image and the text under it inside a table, then:

Code: Select all
<table border="0"><tr><td><img src="blahblah" alt="blahblah" /></td></tr><tr><td>Text goes here</td></tr></table>
-----------------------------------------------------------------------------------------------------
Coranto is free software. I am available for custom work or troubleshooting.

http://www.sundaune.no - transkripsjon, webdesign, nettsider, tekstbyrå
http://www.vagbladet.no - satire, politikk, kultur, sport, nettavis
-----------------------------------------------------------------------------------------------------
SrNupsen
 
Posts: 2229
Joined: Tue Jan 09, 2007 6:46 pm
Location: Nesodden, outside Oslo, Norway

Postby Jackanape » Tue Jun 19, 2007 5:52 pm

I would define these as classes in your CSS, as opposed to your style in Coranto. Then, you can do whatever you want!

Here's an example:

.pics {
display: inline;
float: right;
width: auto;
border: 1px solid #a22323;
background-color: #ccb673;
color: #000;
text-align: right;
font-size: .75em;
margin: -5px -10px 5px 5px;
padding: 10px 10px 0px 10px; }


executed thusly:

<div class="pics">
<center>
<img src="/news<FilePath: CustomField_Upload>" id="<Field: CustomField_Upload_ID>" alt="<Field: CustomField_Upload_Alt>" />
</center>
<p><Field: Text></p>
</div>


This particular code is styled for one of my sites, but it gives you an idea as to what you can do. You can also tweak it so that say, ".pics p" would float opposite...the possibilities are endless...

I hope this was clear...I'm on the way out the door even as we speak!
A human being should be able to change a diaper, plan an invasion, butcher a hog, conn a ship, design a building, write a sonnet, balance accounts, build a wall, set a bone, comfort the dying, take orders, give orders, cooperate, act alone, solve equations, analyze a new problem, pitch manure, program a computer, cook a tasty meal, fight efficiently, die gallantly.
Specialization is for insects.
-Robert A. Heinlein
User avatar
Jackanape
 
Posts: 632
Joined: Tue Jan 09, 2007 12:15 am
Location: Capitol of the Great State of New York

Postby Hrvoje » Tue Jun 19, 2007 10:01 pm

thanks for trying but this definitely did not solved my problem, try to look at the pic above how i want it to look like, thnx!
Hrvoje
 
Posts: 182
Joined: Thu Mar 22, 2007 12:35 pm

Postby Jackanape » Tue Jun 19, 2007 11:12 pm

A human being should be able to change a diaper, plan an invasion, butcher a hog, conn a ship, design a building, write a sonnet, balance accounts, build a wall, set a bone, comfort the dying, take orders, give orders, cooperate, act alone, solve equations, analyze a new problem, pitch manure, program a computer, cook a tasty meal, fight efficiently, die gallantly.
Specialization is for insects.
-Robert A. Heinlein
User avatar
Jackanape
 
Posts: 632
Joined: Tue Jan 09, 2007 12:15 am
Location: Capitol of the Great State of New York


Return to Customization

Who is online

Users browsing this forum: No registered users and 1 guest

cron