Forum-Image Aligment Question ~ at Runboard.com


Temple of Illusia
 »  Illustrated Secrets of Design .
 »  »  Forum-Image Aligment Question
Support | Search Illusia

   Runboard       

 
Redsun9
Citizen
Worldly Traveler (premium)

Registered: 05-2006
Province: www.acmilanturkiye.com
Posts: 115
Karma: 1 (+1/-0)
Avatar
Reply | Quote
posticon Forum-Image Aligment Question

After such a long time (2 weeks maybe) hello again Lesigner girl.

After your important suggestions at Akheva about css help, i thought and TOI's this forum fits well for to ask it (title says rb&and other web designs emoticon )

I did exactly the things you said and checked my boards classes clearly.(js-bookmark trick,thanks for that)

We have a friend board.French Milan community...What we also want to do is put our forum images align-left and right of the image forum-link,forum description like in this picture:

Image

But our currant forum-links stayed on top not right of the image.Like in this picture:

Image

I think this is something about html part of the forum name.I checked and found an example like this: 

<a href="http://forumlink/" style="float: left;"><img src="http://forumimage" alt="" /></a><span style="float: left; width: 30%; margin-left: 5px;">


But don't really figure it out...

Can you help me Lesigner Girl? Thank you.

---
Image
www.acmilanturkiye.com
1/5/2008, 5:27 pm PM Redsun9 ICQ AIM MSN Read Blog
 
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5127
Karma: 89 (+103/-14)
Avatar
Reply | Quote
Re: Forum-Image Aligment Question

It's hard to know without seeing the source code and knowing which parts you have control of. It's easy to give people help on things not related to Runboard if they have total control over everything, but dealing with a message board or blog that I'm not familiar with makes it impossible to give you a definitive answer.

That said...

If each table cell has its own class name or id, then you could put the image in the background like you did at your Runboard, then pad the left of that cell (I'd say about 117px) so all the text and links start after the image.

If you have to put the image in via an <img> tag, then you would want to move .forumlink to the left about 117px, float the image to the left, put a few px margin-right of that image, and use a negative margin-top to move the image upward, lining it up with the forum name.

If you give me a link to that page, I can look at the source code and decide which method is best.

---
Image
Customization tutorials & Q&A
1/5/2008, 6:39 pm PM Lesigner Girl Read Blog
 
Redsun9
Citizen
Worldly Traveler (premium)

Registered: 05-2006
Province: www.acmilanturkiye.com
Posts: 115
Karma: 1 (+1/-0)
Avatar
Reply | Quote
Quote Box-Text Problem

I also have a problem with my quote box Lesigner Girl.

i'm using this formula:

.quote {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
background: #444444 url(http://i208.photobucket.com/albums/bb278/acmilanturkiye/alintpsp.png) top left no-repeat; padding-top:20px;
border : #eeeeee;
border-style : solid;
border-left-width : 2px;
border-top-width : 2px;
border-right-width : 2px;
border-bottom-width : 2px;
}

and it shows the quote box like that:

Image

As you can see text seems very close to image.How can i make it normal?

Again thank you very much.


 emoticon

---
Image
www.acmilanturkiye.com
1/5/2008, 6:40 pm PM Redsun9 ICQ AIM MSN Read Blog
 
Redsun9
Citizen
Worldly Traveler (premium)

Registered: 05-2006
Province: www.acmilanturkiye.com
Posts: 115
Karma: 1 (+1/-0)
Avatar
Reply | Quote
Re: Forum-Image Aligment Question

This is the friend communities link Lesigner girl.

and this is ours.

Last revised by Redsun9, 1/25/2008, 7:10 am


---
Image
www.acmilanturkiye.com
1/5/2008, 6:44 pm PM Redsun9 ICQ AIM MSN Read Blog
 
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5127
Karma: 89 (+103/-14)
Avatar
Reply | Quote
Re: Forum-Image Aligment Question

For your quote box, add more padding where you have this:

padding-top:20px;

ACMilan-zone has their image in a separate table cell. Are you able to create your own table cell there as well? Like I said, it's hard to give you an answer without knowing what you can change and what you can't.

---
Image
Customization tutorials & Q&A
1/5/2008, 7:37 pm PM Lesigner Girl Read Blog
 
Redsun9
Citizen
Worldly Traveler (premium)

Registered: 05-2006
Province: www.acmilanturkiye.com
Posts: 115
Karma: 1 (+1/-0)
Avatar
Reply | Quote
Re: Forum-Image Aligment Question

first of all thank you for your quick answer Lesigner girl,padding thing exactly worked.(how did i miss it?lol.)

yes.i checked it and we can make table in that html part of the forum name.

right now for an forum name i'm using this code: 

<img src="http://i208.photobucket.com/albums/bb278/acmilanturkiye/duyurpsp.png" /><div>Forum Kuralları-Siteyle İlgili Duyurular




Last revised by Redsun9, 1/5/2008, 7:57 pm


---
Image
www.acmilanturkiye.com
1/5/2008, 7:56 pm PM Redsun9 ICQ AIM MSN Read Blog
 
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5127
Karma: 89 (+103/-14)
Avatar
Reply | Quote
Re: Forum-Image Aligment Question

first of all thank you for your quick answer Lesigner girl,padding thing exactly worked.(how did i miss it?lol.)
I was wondering the same thing. emoticon You're welcome. emoticon

yes.i checked it and we can make table in that html part of the forum name.

right now for an forum name i'm using this code:

<img src="http://i208.photobucket.com/albums/bb278/acmilanturkiye/duyurpsp.png" /><div>Forum Kuralları-Siteyle İlgili Duyurular
Where's the end of that div?

If you can add extra table cells, put </td><td class="row1"> between your image and forum name.

You will also want to change some other code, if you can....

<td class="cat" colspan="2" width="100%">
Change those to colspan="3"

Also:

<th colspan="2" nowrap="nowrap" width="100%"> Forum </th>
Change that one to colspan="3" as well.

---
Image
Customization tutorials & Q&A
1/6/2008, 1:10 am PM Lesigner Girl Read Blog
 


Add to this discussion




Powered by AkBBS 0.9.5b  -  Link to us   -  Blogs   -  Hall of Honour   -  Chat
Click here to get your own free message board
You are not logged in (login)      Board's time is: 12/1/2008, 7:00 pm EDT
Back To Top
Runboard Stats