Модератор форума: Yuri_G  
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
Serzov
Сообщений: 78
Репутация: 12

Сообщение # 1321 | 21:26:05
bandjuk, Спасибо, сделал... и уже что то пошло на лад... подсвечивается вся ячейка черным, но ссылкой по-прежнему является только слово в ней, а не вся закрашенная область



это в css

.kinoline01 {background:#222222;width:149px;border:1px solid #4F4F4F;padding:4px;}
.kinoline01:hover {background:#000000;}

это в хтмл

Прикрепления: 9968525.jpg (14.0 Kb) · 6264307.jpg (13.7 Kb)
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 1322 | 22:37:52
Serzov, без ссылки на сайт, тяжело что то советовать, но... для того чтобы вся кнопка была ссылкой, она должна быть заключена в тег <a>, намек думаю понятен.
Serzov
Сообщений: 78
Репутация: 12

Сообщение # 1323 | 00:22:29
Ljubasha, а разве можно ячейку таблицы заключить в этот тег.. будет вид <a><td>Комедии</td></a>

Добавлено (16 Авг 2013, 00:22:29)
---------------------------------------------
вопрос ещё до сих пор очень актуален и требуется помощь)

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1324 | 07:10:01
Serzov,
<a href="" ><div class="kinoline01" style="background-color: #000; padding: 20px 0px; text-align: center;">название ссылки</div></a>

blood14
Сообщений: 103
Репутация: 0

Сообщение # 1325 | 02:45:28
доброго времени суток , столкнулся с небольшой проблемой ,я хочу в фотоальбоме сделать так ,чтобы между изображениями не было расстояний,а в CSS не могу найти ,где исправить ,или как прописать стиль,подскажите ,как это сделать пожалуйста ..
Сообщение отредактировал blood14 - Пятница, 30 Авг 2013, 22:25:48
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1326 | 08:18:57
blood14, Попробуйте

<table border="0" cellspacing="1" cellpadding="3" width="100%">

<table style="border: 0px; width: margin: 0px; padding: 0px; border-collapse: collapse;">

blood14
Сообщений: 103
Репутация: 0

Сообщение # 1327 | 12:14:45
Miss_Esq, ничего не изменяется
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 1328 | 16:22:18
blood14, неожиданный код...

Код
<body>
<div id="utbr8214" rel="s85"></div>
<div id="contanier"><div id="contentBlock">
   <!--U1AHEADER1Z-->
   <div id="logoBlock"><h1><!-- <logo> -->Мой сайт<!-- </logo> --></h1></div>
   <div id="navBar">
   <div id="linkBar"><a href="http://testforhouse.at.ua/"><!--<s5176>-->Главная<!--</s>--></a> | <a href="http://testforhouse.at.ua/index/3"><!--<s3089>-->Регистрация<!--</s>--></a>  | <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'};);return false;"><!--<s3087>-->Вход<!--</s>--></a> | <a href="http://testforhouse.at.ua/photo/rss/">RSS</a></div>
   <div id="loginBar"><!--<s5212>-->Приветствую Вас<!--</s>--> <b>Гость</b></div>
   <div style="clear:both;"></div>
   </div>
    <!--/U1AHEADER1Z-->

   <td class="centerColumn">
   <div id="textBlock">
   <h1>Фотоальбомы</h1>


И вот этот:

Код
<a class="wLink zoomin ulightbox" href="http://testforhouse.at.ua/_ph/1/710927314.jpg" class="ulightbox" data-fancybox-group="ultbx" class="ulightbox" data-fancybox-group="ultbx" title="Увеличить изображение"></a>

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
NZT
Сообщений: 369
Репутация: 483

Сообщение # 1329 | 18:43:07
blood14, Исправите значение в HTML:
<table border="0" cellspacing="0" cellpadding="3" width="100%"><tbody><tr><td class="phtTdMain">

В CSS таблицу:
td.phtTdMain{padding:0;}
blood14
Сообщений: 103
Репутация: 0

Сообщение # 1330 | 00:34:54
NZT, есть прогресс ,но все-таки не до конца, вот так выглядит сейчас фотоальбом (при отрытом на весь экран окне браузера)


а вот так


если не на весь экран открыт браузер




Selena в смысле неожиданный код ?
Сообщение отредактировал blood14 - Суббота, 31 Авг 2013, 00:35:52
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 1331 | 01:36:44
blood14, Адрес сайта и имя браузера...
blood14
Сообщений: 103
Репутация: 0

Сообщение # 1332 | 02:42:14
Ljubasha, сайт , браузеры :хром,опера,мозила, яндекс, IE
NZT
Сообщений: 369
Репутация: 483

Сообщение # 1333 | 07:50:57
blood14,
Цитата (blood14)
есть прогресс ,но все-таки не до конца,

Кроме строчки в стилях td.phtTdMain{padding:0;} больше ничего не вижу измененного.
Смотрите таблицу уровнем выше.
И почистите кэш браузера. У меня отображается без промежутков во всех браузерах при таком раскладе.
blood14
Сообщений: 103
Репутация: 0

Сообщение # 1334 | 14:08:03
NZT, я все прописал как вы сказали , может это из-за разрешения экрана (1680*1050)
Nikolay-Dog
Сообщений: 41
Репутация: 46

Сообщение # 1335 | 15:25:31
blood14, найди строчку в шаблоне
Код
<table border="0" cellpadding="3" cellspacing="1" width="100%">

Поменяй на такую
Код
<table border="0" cellpadding="3" cellspacing="1" style="max-width:1225px;">

Нравится мое сообщение? Дай мне пожалуйста "+" в репутацию
СПАСИБО в репутацию +
Сообщение отредактировал Nikolay-Dog - Суббота, 31 Авг 2013, 15:25:47
Поиск: