Choose from our various pricing plans. There is a package for everyone!


Solved: How to make image table with text in widget??

View previous topic View next topic Go down

Solved: How to make image table with text in widget??

Post by Mostone on Sun May 19, 2013 3:43 pm

Hello all, Hi
i want to ask Smile

How to make image table with text in widget??
more details you can see this image:


that example design Smile
before i make that picture in photoshop.
how to make be like that?

stuff/material:
1.image

2. Text
Code:
The 42 tankōbon have been adapted into two anime series produced by Toei Animation: Dragon Ball and Dragon Ball Z, which together were broadcast in Japan from 1986 to 1996.

please help me  blink
my forum:
http://astajim.indonesianforum.net/portal

thanks before  Embarassed
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Mati™ on Sun May 19, 2013 3:46 pm

Check this >> http://www.csshelp.net/t873-images-side-by-side
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Mostone on Mon May 20, 2013 1:15 pm

Hi mr.matti i done try Smile

but the result like this, images are not aligned with the text. Sad


how to aligned??
i need be like this


please help me mr.matti : blink

http://astajim.indonesianforum.net/portal

thanks before Embarassed
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Mati™ on Mon May 20, 2013 2:03 pm

change the css with this.

Code:
ul.liste {
    list-style-type: none;
    padding: 0 !important;
}
ul.liste li {
    background-color: #111111;
    border: 1px solid #111111;
    float: left;
    font-size: 0.8em;
    margin: 5px;
    padding: 8px 3px;
    text-align: center;
    width: 150px;
}
ul.liste img {
    display: block;
    margin: 0 auto;
}
ul.liste a {
    font-size: 1em;
    font-weight: 700;
}
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Mostone on Mon May 20, 2013 3:31 pm

yeah i done try mr.matti Embarassed

work ^_^ and i can modif my css and my html Embarassed



but there I said, about how to set the position of "distance above" image with widget??

more details you can see this image Smile



http://astajim.indonesianforum.net/portal

how to fix it? blink

please help me mr.matti Embarassed

thanks before Smile
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Sir Chivas on Mon May 20, 2013 3:57 pm

Hi, Change the padding of the code given above, this one:
Code:
ul.liste li { background-color: #111111; border: 1px solid #111111; float: left; font-size: 0.8em; margin: 5px; padding: 8px 3px; text-align: center; width: 150px; }
Change the padding to this:
Code:
padding: 0px 3px;
So, it'll be something like this:
Code:
ul.liste li { background-color: #111111; border: 1px solid #111111; float: left; font-size: 0.8em; margin: 5px; padding: 0px 3px; text-align: center; width: 150px; }
Hope that's what you want. Smile


Must Follow the Rules at all times!
No Support via PM
avatar
Sir Chivas
Premium Member


Age : 25
Posts : 55
Join date : 2012-08-04
Reputation : 0

View user profile

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Mostone on Mon May 20, 2013 5:04 pm

yeah i done try its work sir chivas Smile

problem solved, thanks before ^_^
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Th1nK on Sat Jan 04, 2014 7:36 pm

The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been locked.

If you have other questions, please open a new topic.
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Re: Solved: How to make image table with text in widget??

Post by Sponsored content


Sponsored content


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