Xwab
Форумыnavigate_nextHTML/CSS

Ссылки в display block
Сообщения
DenSBK

Ребят во встал такой вопрос как поставить ссылку в тач ссылке.
Имеется такой див:
.link {
background-color: #FFFFFF;
border: 1px solid #D3D3D3;
display: block;
margin: 1px;
overflow: hidden;
padding: 5px;
}

Применяется так:
[php:1:5e6c53c7c0]echo "<a class='link' href='url'>";
echo "Содержимое блока";
echo "</a>";[/php:1:5e6c53c7c0]

Так вот все врдебы нормально но при попытки вставить ссылку она уходит под блок. Как сделать чтобы она не выходила из блока а оставалась в нем?

Попробывал сделать так:
[php:1:5e6c53c7c0]echo "<a class='link' href='url'>";
echo "Содержимое блока";
echo "<span href=\"url\">Ссылка</span>\n";
echo "</a>";[/php:1:5e6c53c7c0]
Ссылка встала в блок и она не активна! Так как span не является ссылкой в HTML.
Дизайнеры проснитесь


__________
посл.ред. 26 Янв 2013, 19:20; всего 1 раз 26 Янв 2013, 19:17
Okula

Попробуй использовать позиционирование и наложение z-index

26 Янв 2013, 19:17
DenSBK

Okula, На мобиле глючить не будет? Просто стиль вап и делаю без всякой табличной верстки!

26 Янв 2013, 19:21
Okula

DenSBK, это не табличная вёрстка - это CSS.

26 Янв 2013, 19:25
DenSBK

Короче вот скрин! Надо както сделать чтобы ссылка не убегала вниз но приэтом чтобы блок разширялся по вертикали. И принимал положение как время на скрине!
Что говарил Okula то там просто смещает в нужное нам место и налаживает на другие дивы но не так как надо.
Смысл в том что если простой текст ставиш в класс то все нормально только стотит текст сделать ссылкой убигает вниз и не входит в блок.

26 Янв 2013, 19:27
Okula

Класс left применяй к слову "Система", а класс right - ко времени.
.left {
    display: inline-block;
    float: left;
    text-align: left;
}

.right {
    display: inline-block;
    float: right;
    text-align: right;
}

26 Янв 2013, 19:55
DenSBK

Okula, Ты наверно не совсем понял что мне надо. Щас все и такх нормально! мне надо чтобы ссылка была в блоке а не за ним. Ссылка это крестик ввиде картинки!
А так время у меня выделено классом:
.time{
color: #408345;
float: right;
font-size: 0.92em;
}
А имя:
.link .nick {
color: #060;
font-weight: 600;
}

26 Янв 2013, 19:59
Pisatel

Честно говоря, я ничего не понял. Тебе нужно, чтобы текст был ссылкой и в этом же блоке была еще одна ссылка? Или чтобы текст был отдельно, а после него была ссылка? Или чтобы текст был ссылкой и внутри этой ссылки была еще ссылка? <span href=... это вообще сильно

27 Янв 2013, 7:25
Plut

Ужоснах. [php:1:ecf701e920]<span href="url">Ссылка</span>[/php:1:ecf701e920] разве ссылка? Может я чего не знаю, а <a.... ></a> разве не нужны? И ссылка в ссылке это вообще по моему синтаксическая ошибка. И зачем куча echo, если в одном можно все сделать?
добавлено спустя 9 минут:
Если я правильно понял автора, то можно сделать так:
[php:1:ecf701e920]echo '<a href="http://...">text</a><a style="text-align:right;" href="http://...">text</a>';[/php:1:ecf701e920]

27 Янв 2013, 7:58
Pisatel

Чтобы текст обтекал ссылку, можно сделать так
...< a style="float:right; margin:2px;" href="url">text</a>

27 Янв 2013, 8:14
Ответить на тему