alignment question
4 posters
Page 1 of 1
alignment question
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.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"/>
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.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
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: alignment question
nobody knows? =(
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: alignment question
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
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: alignment question
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>
Re: alignment question
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
Re: alignment question
Is this solved?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: alignment question
just the hover question and it will be solved
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: alignment question
Can you please provide the URL of your forum? Thank you.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: alignment question
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?
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
Re: alignment question
The maximum font size would be 24. So, on what images you want the hover to work on?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: alignment question
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
yes, I would like the hover to work on there
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: alignment question
Really depends on you, here: http://www.bannercreator.nu/banner-size.html
I'm asking which images in specific, thanks.
I'm asking which images in specific, thanks.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: alignment question
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?
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
Similar topics
» Alignment add friend and reputation improvement scripts question - Invision
» bbc not in alignment
» Google ads alignment.
» alignment help please
» HTML Alignment
» bbc not in alignment
» Google ads alignment.
» alignment help please
» HTML Alignment
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum