need HTML and CSS help

[erich37]

I do have an information text box at the top of the Forum-page (the box which we all name Welcome-block).

So I have this code, whereby this text is left-aligned.

<div class="importantMessage">
<div align="left">
<b>Welcome to this Forum, text bla bla bla</b><br /><br />
<b>this is some description text 123456</b><br />some other text description 789abc<br />
</div></div>

Question:
I want to also insert an image into this box, which should be right aligned.

What would be the proper HTML and/or CSS so to have the text left-aligned and the image right-aligned? Well, so that it would look nice and clean, meaning having the text left and the image at the right ?

Many thanks!

 

[Paul B]

Moved from tips, tricks & guides.

<div style="float:right">image code</div>

That should do it.
Ideally though you would create a class and not use inline styling.

You don't need the align left div as content automatically aligns left.

This should help you construct the code: http://www.w3schools.com/css/tryit.asp?filename=trycss_float

 

[erich37]

where to find the CSS in XenForo for this class:

<div class="importantMessage">

 

[Paul B]

You need to use the correct html to display an image: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_test

If you search in the templates for importantMessage, it will return a list of results.

Any which end with .css will be the corresponding css template.
In this case xenforo.css.

 

[erich37]

You need to use the correct html to display an image: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_test

If you search in the templates for importantMessage, it will return a list of results.

Any which end with .css will be the corresponding css template.
In this case xenforo.css.

searching within templates for "importantMessage" does not give any results....
where do I search for this ?

 

[Paul B]

It returns 5 templates for me:
forum_view
member_list
PAGE_CONTAINER
thread_view
xenforo.css

You may need to upgrade to the latest version.