The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

alignment question

View previous topic View next topic Go down

In progress alignment question

Post by moi_lolito on April 14th 2013, 5:38 am

hello all!

can somebody tell me please how to align this small icons on the left or right (both ok) next to the picture in a column way? I tried to do it, but failed, they align all in row:





this is the way I wrote the codes, I think I'm missing something here, any help would be appreciated ^^

<a href="http://prorevolution.forumotion.co/f2-official-teams" ><img src=http://i71.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a>
<a href="http://prorevolution.forumotion.co/f3-team-archive" ><img src=http://i71.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a>
<a href="http://prorevolution.forumotion.co/f1-team-registration" ><img src=http://i71.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a>
<a href="http://prorevolution.forumotion.co/f44-teams"><img src=http://i71.servimg.com/u/f71/17/90/02/37/teams_10.jpg style="width: 350px;height: 100px" class="hover"/>


Last edited by moi_lolito on April 14th 2013, 8:13 pm; edited 1 time in total

moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by moi_lolito on April 14th 2013, 8:10 pm

nobody knows? =(

moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by Sanket on April 14th 2013, 8:41 pm

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: alignment question

Post by E-Mark on April 15th 2013, 7:17 pm

Try to use this one: (Delete the inside the description and replace it with this one)
Code:
<style type="text/css">
#wrap {
  width:450px;
  margin:0 auto;
}
#col1 {
  float:left;
  width:50px;
}
#col2 {
  float:left;
  width:300px;
}
</style><div id="wrap">
    <div id="col1">
 <a href="http://prorevolution.forumotion.co/f2-official-teams" ><img src=http://i71.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a><br/><br/>
<a href="http://prorevolution.forumotion.co/f3-team-archive" ><img src=http://i71.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a><br/><br/>
<a href="http://prorevolution.forumotion.co/f1-team-registration" ><img src=http://i71.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a>
    </div>
    <div id="col2">
<a href="http://prorevolution.forumotion.co/f44-teams"><img src=http://i71.servimg.com/u/f71/17/90/02/37/teams_10.jpg style="width: 350px;height: 100px" class="hover"/>
    </div>
</div>

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

In progress Re: alignment question

Post by moi_lolito on April 15th 2013, 10:39 pm

yes, it works, thanks a lot mate, but for some reason the images don't hover anymore, any way to fix that?


Last edited by moi_lolito on April 15th 2013, 10:44 pm; edited 1 time in total

moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by Sir Chivas™ on April 15th 2013, 10:41 pm

Is this solved?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

Post by moi_lolito on April 15th 2013, 10:45 pm

just the hover question and it will be solved

moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by Sir Chivas™ on April 15th 2013, 10:49 pm

Can you please provide the URL of your forum? Thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

Post by moi_lolito on April 15th 2013, 11:03 pm

http://testforfuture.motionforum.net/

If I place a text as a picture instead of that small viruses images, what's the maximum width so it fits well?

moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by Sir Chivas™ on April 15th 2013, 11:12 pm

The maximum font size would be 24. So, on what images you want the hover to work on?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

Post by moi_lolito on April 16th 2013, 12:01 am

no, I mean the max pixel size of the image, for example 100 x 50 or 90 x 70 or what size?

yes, I would like the hover to work on there

moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by Sir Chivas™ on April 16th 2013, 12:13 am

Really depends on you, here: http://www.bannercreator.nu/banner-size.html

I'm asking which images in specific, thanks.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

Post by moi_lolito on April 16th 2013, 3:08 am

What I mean is the next: here is a picture of one of the subforums, under the banner I created 3 pictures as links that the player can redirect to



I would like to align the 3 links on the right side of the banner, let's take as an example the size of "farewells" (140x30), without losing the general width of the whole subforum itself, I would like it to stay the same as in the screenshot I showed above.



The final result I'm aiming is more or less this one:



Of course the size of the 3 text images I can make smaller, let's say 90x20, as I don't want the subforum width to be affected at all.

Is it possible to do this?

moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum