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.
Homepage Screenshot - What I want to avoid but what I get
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
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:
In general, tables are a very powerful yet simple way to add specific lay out to any website.
Regards,
Leo
General title | ||
text to the left of the image | text 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
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.
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.
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"):
And here's is what it displays online:
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.
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
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