Результаты поиска
Введите запрос, по завершению нажмите Enter.
  • Страница 1 из 1
  • 1
Сверстайте пожалуйста легкую таблицу
Отправлено 26.03.2012 - 12:121
Нет аватара
Пользователь
113 сообщений
Мужчина
Для опытного верстальщика минут 10 уйдет наверное...
Во собственно нужно сверсрать



Для сайта Доступно только для пользователей
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 26.03.2012 - 13:062
Нет аватара
Designer
979 сообщений
Мужчина
Code
table{border-top:solid 1px #dddfe1; border-left:solid 1px #dddfe1; border-right:solid 1px #dddfe1;}
td{padding:5px; border-bottom:solid 1px #dddfe1;}
td:nth-child(odd){color:#03296d;}
tr:nth-child(even){background-color:#f6f6f6;}
tr td:nth-child(odd){border-right:solid 1px #dddfe1;}


Code
<table cellpadding="0" cellspacing="0">
<tr>
<td>link</td><td>description</td>
</tr>
</table>
Профиль Личное сообщение Дом. страница icq Skype
18
Отправлено 26.03.2012 - 13:283
Нет аватара
Пользователь
37 сообщений
Мужчина
Code
<table cellpadding="0" cellspacing="0" border="0" class="usbyta">
<tbody>
<tr>
<td>Сменщики паролей</td>
<td>Программы, необходимые для быстрой смены пароля к ICQ номеру.</td>
</tr>

<tr>
<td>Сменщики паролей</td>
<td>Программы, необходимые для быстрой смены пароля к ICQ номеру.</td>
</tr>

<tr>
<td>Сменщики паролей</td>
<td>Программы, необходимые для быстрой смены пароля к ICQ номеру.</td>
</tr>

<tr>
<td>Сменщики паролей</td>
<td>Программы, необходимые для быстрой смены пароля к ICQ номеру.</td>
</tr>
</tbody>
</table>


Code
<style>
.usbyta {border-collapse:collapse;border:1px solid #dddfe1;width:100%;text-align:center;}
.usbyta tr {background-color:#f6f6f6;}
.usbyta td {border:1px solid #dddfe1;padding:7px;}
</style>


Тут выбери либо css3, либо jq
Code
<script>
$(document).ready(function() {
$('.usbyta tr:even').css("background-color", "#fff");
$('.usbyta td:even').css("color", "#03296D");
$('.usbyta td:odd').css("color", "#6A6A6A");
});
</script>


Code
<style>
.usbyta {border-collapse:collapse;border:1px solid #dddfe1;width:100%;text-align:center;}
.usbyta tr {background-color:#f6f6f6;}
.usbyta td {border:1px solid #dddfe1;padding:7px;}
.usbyta tr:nth-child(odd) {background-color:#fff;}
.usbyta td:nth-child(odd) {color:#03296D;}
.usbyta td:nth-child(even) {color:#6A6A6A;}
</style>


Почему я сделал на jq? Да потому что бывают херы, которые сидят с ie6.

Добавлено (26.03.2012, 13:28)
---------------------------------------------
ой, меня опередили pardon

Профиль Личное сообщение Дом. страница icq Skype
61
Отправлено 26.03.2012 - 13:284
Нет аватара
Бывалый
398 сообщений
Мужчина
HTML:
Code

<table class="open" cellpadding="0" cellspacing="0">
<tr>
<td id="icon">
<img src="http://s019.radikal.ru/i611/1203/46/91faa8826f3f.png">
</td>
<td>
Открыть все категории раздела
</td>
</tr>
</table>

<table class="table" cellpadding="0" cellspacing="0">
<tr>
<td id="td1">
Сменщики паролей
</td>
<td id="td2">
Программы необходимые для быстрой смены пароля к ICQ номеру.
</td>
</tr>
<tr>
<td id="td1">
Сменщики паролей
</td>
<td id="td2">
Программы необходимые для быстрой смены пароля к ICQ номеру.
</td>
</tr>
<tr>
<td id="td1">
Сменщики паролей
</td>
<td id="td2">
Программы необходимые для быстрой смены пароля к ICQ номеру.
</td>
</tr>
<tr>
<td id="td1">
Сменщики паролей
</td>
<td id="td2">
Программы необходимые для быстрой смены пароля к ICQ номеру.
</td>
</tr>
</table>


CSS:
Code

.open {
    width: 500px;
    border: 1px solid #7ca7e1;
    background-color: #c1dafc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 5px;
}
.open td {
    text-align: left;
    vertical-align: middle;
    color: #000;
    text-shadow: 1px 1px 0 rgba(255,255,255,.5);
    text-decoration: underline;
    font-size: 11px;
}
.open td#icon {
    width: 1px;
    padding: 5px;
}

/*------*/

.table {
    width: 500px;
    border-top: 1px solid #dddfe1;
    border-right: 1px solid #dddfe1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.table tr {
    background-color: #fff;
}
.table tr:nth-child(even) {
    background-color: #f6f6f6;
}
.table td {
    border-bottom: 1px solid #dddfe1;
    border-left: 1px solid #dddfe1;
    padding: 5px;
    vertical-align: top;
}
.table td#td1 {
    width: 120px;
    color: #03296d;
}
.table td#td2 {
    color: #6a6a6a;
}


ИТОГО:
http://s019.radikal.ru/i637/1203/3b/ba721d9fd1da.png
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 26.03.2012 - 13:355
Нет аватара
Пользователь
37 сообщений
Мужчина
lifee, чувак, зачем столько одинаковых id на одной странице? юзай class
Профиль Личное сообщение Дом. страница icq Skype
61
Отправлено 26.03.2012 - 13:386
Нет аватара
Бывалый
398 сообщений
Мужчина
byaka, ну уж извините, верстаю как мне удобнее. Да и максимум 100 байт информации, мне кажется, не сильно нагрузят сайт)
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 26.03.2012 - 13:427
Нет аватара
Бывалый
1828 сообщений
Мужчина
Quote (byaka)
юзай class

Лучше вложенность, псевдоклассы и псевдоэлементы

Quote (lifee)
не сильно нагрузят сайт

Зато валидацию не пройдет
Профиль Личное сообщение Дом. страница icq Skype
78
Отправлено 26.03.2012 - 13:438
Нет аватара
Пользователь
37 сообщений
Мужчина
lifee, причем тут вес страницы? id должен быть уникальным ;) здесь (Доступно только для пользователей) неплохо всё это расписано
Quote (Moool13)
Лучше вложенность, псевдоклассы и псевдоэлементы

good
Профиль Личное сообщение Дом. страница icq Skype
61
Отправлено 26.03.2012 - 13:479
Нет аватара
Пользователь
113 сообщений
Мужчина
Спасибо большое ,что отозвались
Но уже не нужно :(
Благодарю!
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 26.03.2012 - 13:4710
Нет аватара
Бывалый
398 сообщений
Мужчина
byaka, окай... заюзать класс вместо ид и всё
Профиль Личное сообщение Дом. страница icq Skype
20
Отправлено 26.03.2012 - 13:5011
Нет аватара
Designer
979 сообщений
Мужчина
Quote (byaka)
id должен быть уникальным
Я когда начинал верстать вообще придумывал новые теги :D Так что не страшно pardon
Профиль Личное сообщение Дом. страница icq Skype
18
Отправлено 26.03.2012 - 13:5212
Нет аватара
Бывалый
1828 сообщений
Мужчина
Quote (lapochka)
Я когда начинал верстать вообще придумывал новые теги :D Так что не страшно pardon

clapp
Профиль Личное сообщение Дом. страница icq Skype
78
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2024
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация