What I See Is Not What I get ??

What I See Is Not What I get ??

by James Ballard -
Number of replies: 4
Hi

I'm trying to float an image to the left of some text in the summary on the first page of a course that sets out inductions for students - I have it working fine when using labels but not on summary but I need this at the top of the page. What I see in the editor and what makes sense on my code tweaks does not appear when I save changes as follows:

Editor Screenshot - how I want it to appear.
Screenshot - Correctly displayed in editor

Homepage Screenshot - What I want to avoid but what I get
Screenshot - Wrong display on normal page

Here is the html from the summary:

<img style="FLOAT: left" height="100" alt="My Induction Area" hspace="0" src="http://vle.barkingcollege.ac.uk/learn/file.php/1/Images/InductionLogo.jpg" width="100" border="0" />

<font color="#333333" size="2">My Induction is split into two sections. My Induction 1 which contains four assessments and My Induction 2 which contains a variety of useful information. Completing both sections will enter you into the draw to win an i pod (see below for more information).</font>

<p style="CLEAR: both; MARGIN: 3px"><span style="FONT-SIZE: 10pt; COLOR: #ff3300; FONT-FAMILY: 'Trebuchet MS'"><strong>My Induction 1</strong> <font color="#333333">Contains four assessments</font>

<font color="#000000"><strong>that must be completed.</strong></font></span> <br /><font size="2"><strong><font color="#00cc33">My Induction 2</font></strong> Contains a variety of useful information and quizzes that we recommend you complete.</font></p>

Can anyone help?

Yours
James

Edit: PS - we're running Moodle 1.45
Average of ratings: -
In reply to James Ballard

Re: What I See Is Not What I get ??

by L. Vandijck -
Have you tried using a table? Put the image in the left cell/column and the text in the right one, or in any combination that suits you. Like in this example:


General title
text to the left of the imagelogotext to the right of the image (justified right)
text at bottom left
(right jusitified)
text at bottom (centralised)text at bottom right (left justified)

In general, tables are a very powerful yet simple way to add specific lay out to any website.
Regards,
Leo
Average of ratings: -
In reply to L. Vandijck

Re: What I See Is Not What I get ??

by James Ballard -
Hi

I avoid tables for design layout unless it is absolutey necessary and in this instance the CSS code appears that it should work, having worked fine in a number of similar situations that were not the summary section of the course. The text is flowing normally following the image rather than having the image float to it's left as should occur.
Average of ratings: -
In reply to L. Vandijck

Re: What I See Is Not What I get ??

by Susana Olivares -

I am having a similar problem formatting text for the topic summaries. The same code worked fine in the last moodle version -- I'm using current stable branch.

What the text editor shows me -- almost everything I want, except for the cell spacing (already set to "0"):

WYSIWYG summary table

And here's is what it displays online:

 Online topic summary

Even when I specify that I want the text valign=middle, it aligns it "top".

Any ideas? Would be quite helpful, as all my courses use this table as a header.

Average of ratings: -
In reply to L. Vandijck

Re: What I See Is Not What I get ??

by Stephan Becker -
Hi Leo,

1) I use tables too for imserting images in text.
But I was not able to get4 rid of the lines around the table border? Can youtell me how you did that?

2) When opt for 'text to the right of the image (justified left), I get the following result: I cannot add a space between the text and the image. I tried cellpadding, but it won't work. Is this a bug, or do I something wrong?:

http://academy.beautifuloceans.com/course/mod.php?update=18&sesskey=7IGlsNVtN4&sr=10
(use guest login)

Anybody had a smilar problem and has found a solution?

Thank you very much!
Stephan


Average of ratings: -