The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

alignment question

4 posters

Go down

In progress alignment question

Post by moi_lolito 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:

alignment question Untitl19

alignment question Untitl20

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.com/f2-official-teams" ><img src=https://i.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a>
<a href="http://prorevolution.forumotion.com/f3-team-archive" ><img src=https://i.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a>
<a href="http://prorevolution.forumotion.com/f1-team-registration" ><img src=https://i.servimg.com/u/f71/17/90/02/37/virusn12.png class="hover" align="left"/></a>
<a href="http://prorevolution.forumotion.com/f44-teams"><img src=https://i.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
avatar
moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

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

nobody knows? =(
avatar
moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by Sanket 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
Sanket
ForumGuru

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

Back to top Go down

In progress Re: alignment question

Post by E-Mark 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.com/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.com/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.com/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.com/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
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

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

Back to top Go down

In progress Re: alignment question

Post by moi_lolito 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
avatar
moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

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

Is this solved?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

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

just the hover question and it will be solved
avatar
moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

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

Can you please provide the URL of your forum? Thank you.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

Post by moi_lolito 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?
avatar
moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

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

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

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

Post by moi_lolito 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
avatar
moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

In progress Re: alignment question

Post by Sir Chivas™ 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.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: alignment question

Post by moi_lolito 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

alignment question Untitl21

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.

alignment question Bb21010

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

alignment question Untitl22

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?
avatar
moi_lolito
Forumember

Posts : 92
Reputation : 1
Language : English

Back to top Go down

Back to top

- Similar topics

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