Вопросы по CSS

WapView

3 мар 2013 г., 16:54

venom, как скажешь

rumit

8 мар 2013 г., 1:18

Изменено

дорогие дизайнеры,подскажите как зделать такую фишку,сылка в категорию,+сылка на иконку и текст снизу как показано на скрине
--------------------------
хочу зделать точно как на скрине показано,нужно чтобы иконки были в ряд

Прикрепленные файлы:

327

(45.65 KB)

12354.png

rumit

8 мар 2013 г., 12:50

поможете?

Shady

8 мар 2013 г., 12:59

Color Is Life...

rumit, это таблицей делается

<table cellpadding="10"><tr><td>pic1</td><td>pic2</td><td>pic3</td></tr></table>

rumit

8 мар 2013 г., 13:04

Shady, а в стиль ничего не нужно добавлять?

Libra

8 мар 2013 г., 13:04

Sensus veris

rumit (08.03.2013 / 01:18)
дорогие дизайнеры,подскажите как зделать такую фишку,сылка в категорию,+сылка на иконку и текст снизу как показано на скрине
--------------------------
хочу зделать точно как на скрине показано,нужн

Так попробуй (размеры в зависимости от кол-ва столбцов подправь)

<table width="500"><tr>
<td style="text-align:center" width="100"><a href="#"><img src="1.jpg" height="50" width="50" alt="" /></a>
Тут текст</td>
<td style="text-align:center" width="100"><a href="#"><img src="2.jpg" height="50" width="50" alt="" /></a>
Тут текст</td>
<td style="text-align:center" width="100"><a href="#"><img src="3.jpg" height="50" width="50" alt="" /></a>
Тут текст</td>
<td style="text-align:center" width="100"><a href="#"><img src="4.jpg" height="50" width="50" alt="" /></a>
Тут текст</td>
<td style="text-align:center" width="100"><a href="#"><img src="5.jpg" height="50" width="50" alt="" /></a>
Тут текст</td>
</tr></table>

Kip-OK

8 мар 2013 г., 13:16

Йытлеж Пок пик

таблицы О_о

Shady

8 мар 2013 г., 13:19

Color Is Life...

Kip-OK, а как в стиле? выравниванием каждого элемента?

Kip-OK

8 мар 2013 г., 13:26

Йытлеж Пок пик

ща покажу

Kip-OK

8 мар 2013 г., 13:41

Йытлеж Пок пик

css

body {
        background-color: #ffffff;
        padding: 0px;
        margin: 0px;
        font-size: small;
        font-family: Arial, Tahoma;
    }
    
    .content {
        clear: both;
    }
    
    .block {
        display: block;
        text-align: center;
        float: left;
        margin: 2px;
        border: 1px solid #000000;
        padding: 2px;
    }
    
    .block a{
        text-decoration: none;
    }

html

<div class="content">
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
    <div class="block"><a href="#"><img src="http://www.iconsearch.ru/uploads/icons/crystalclear/64x64/volumemanager.png" alt="" /><br/>Сылка такая</a></div>
</div>