The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
Add image to description of forum
So on forum home, I'd like to add and image to the right of the forum name but on the same level as the name and not one line down as where I'm stuck now.
This is the text I have <div align="right" width="100%"><img src="logos/4ever.png"></div> It aligns correctly to the right of the cell for that forum but it is one line down. How do I get it all on one line? |
#2
|
||||
|
||||
Take out the width and see if you still have the same problem. (Also, img tags require the alt attribute and you should close it - <img src="xxxx" alt="yyyy" /> .)
|
#3
|
|||
|
|||
If I take out the width, it goes right under the forum name. Added an alt.
|
#4
|
|||
|
|||
Here is what I mean.
The 4ever fit logo should be on the same level as the forum name, flush to the top of the cell. |
#5
|
||||
|
||||
Do you have firebug for firefox? You can modify the css in the window and figure out the correct way to do it then. I don't think a width of 100% is what you want. I'd guess you want to float the div right and then set the width to just the width of the image.
|
#6
|
|||
|
|||
div of 100% should give me the full size of the cell. It's working on both browsers so I think it's doing what it should. The problem is that even if I just insert an img without the div, it will show up beneath the forum name. That means somewhere in the code, there is an element that forces a line feed. I need to "break" out of that and go back up to the same level of the forum name.
|
#7
|
||||
|
||||
If you want it on the same 'level' as the other element (the name), you need to float it right. Did you do that?
|
#8
|
|||
|
|||
let me try
--------------- Added [DATE]1251868229[/DATE] at [TIME]1251868229[/TIME] --------------- <div style="float: right;"><img src="logos/4ever.png" alt="4everfit"></div> Ended up getting the exact same affect. It's to the right of the cell as I need but still lower than the div of the forum name --------------- Added [DATE]1251868620[/DATE] at [TIME]1251868620[/TIME] --------------- <div style="float: right;"><img src="logos/4ever.png" alt="4everfit"></div> Ended up getting the exact same affect. It's to the right of the cell as I need but still lower than the div of the forum name |
#9
|
||||
|
||||
You need to put something that you mean to float right before the thing you mean to float left. Did you do that? So, the image needs to be in the code before the forum name.
You may want to google image positioning using css. |
#10
|
|||
|
|||
Thanks, will research it.
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|