Problem with paragraphs with text

70 views
Skip to first unread message

Xabriña

unread,
Nov 14, 2018, 11:03:46 AM11/14/18
to tiddl...@googlegroups.com
Hi all. I'm trying to make some Tiddlers with text and images. Reviewing the existing documentation and several threads of this group I have achieved, especially that the images do not exceed the edge of the Tiddlers, but I still have a problem. If I put after the first paragraph of text and images another in the same way, the text changes its position and is placed above the image a little, as you can see in the attached file.

The code I am using is the following:

@@float:right;margin:15px;
[img width=200 [https://images-na.ssl-images-amazon.com/images/I/71MzFUVKHlL._SX355_.jpg]] <br><center>//Pez payaso//</center>
@@




I have no knowledge of CSS or HTML, so I find it quite difficult to find the solution. Can anybody help me?

Thanks in advance.
Uno.jpg

TonyM

unread,
Nov 14, 2018, 9:24:24 PM11/14/18
to TiddlyWiki

Xabriña

I would use tables or some other flexible options https://www.w3schools.com/css/css3_flexbox.asp

here I use a single row with two columns (table details <td>), there may be a bettr way to remove the boarders but this works

<table style="border-style: none;">
<tr>
<td style="width:80%;border-style: none;">Lorem Ipsum
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fermentum nisi sit amet ex gravida, vitae ultrices tellus dictum. Aenean lacinia sed purus sed vulputate. Vivamus purus arcu, scelerisque vel ornare in, molestie quis urna. Suspendisse vestibulum nibh nec justo ultricies egestas. Sed posuere convallis urna, eu interdum orci gravida at. Ut sed ipsum finibus eros tincidunt porta. Vivamus ac dui a urna maximus tincidunt. Nunc fermentum, odio a commodo laoreet, lorem tellus iaculis enim, et dapibus libero mi sed neque. Ut consectetur placerat lorem sit amet ultricies.</td>
<td style="width:20%;border-style: none;">[img width=200 [https://images-na.ssl-images-amazon.com/images/I/71MzFUVKHlL._SX355_.jpg]]<center>//Pez payaso//</center></td>
</tr>

</table>

Regards
Tony

PMario

unread,
Nov 15, 2018, 6:42:37 AM11/15/18
to TiddlyWiki
Hi,


-mario
Reply all
Reply to author
Forward
0 new messages