Вид для печати
Есть конструкция такая:
<div>Имя поля:Текст поля</div>
Нужно что бы <Текст поля> имел слева заданный сдвиг, но только начиная со второй строчки! Т.е. в браузере должно выглядеть примерно так:
Стиль можно задавать для любого тега, но лучше обойтись стилем для второго спана.Код:Имя поля: текст текст
* текст текст.
Можно ли так? Заранее благодарю...
а поле это input?
[/quote]Цитата:
Originally posted by Zigzag@Dec 6 2006, 21:54
а поле это input?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Нет. Пример:
"Описание" - это <имя поля>.Код:Описание: Zigzag и его
* * *достижения.
"Zigzag и его достижения." - это <текст поля>.
первое, что пришло в голову, возможно, есть и более оптимальные варианты, для наглядности дал цвет бэкграуду.
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
****<title>Untitled</title>
<style>
div {
****width: 150px;
}
p span {
****display: block;
****float: left;
****position: relative;
****left: -20 px;
****background: red;
}
p {
****background: blue;
}
</style>
</head>
<body>
<div>
Описание:Zigzag и его женщины ;).</p>
</div>
</body>
</html>
text-indent: -2em; margin-left: 2em
[/quote]Цитата:
Originally posted by MacTpuK@Dec 7 2006, 11:45
text-indent: -2em; margin-left: 2em
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
как я понял, блок описание является отдельным блоком, потому, думаю, ваш вариант не совсем подходит, хотя даст тот же эффект, я же подумал о том, чтобы элемент был выделен даже при отключенном CSS.
Zigzag, Ваш код, простите, не работает. Точнее просто криво отображает... например в ИЕ 7.0.
Код MacTpuK-а помог.
Всем спасибо:)
простите, но под ИЕ7 преждевременно оптимизировать. а в правильных браузерах он работает, как положено! код мастрика не поможет для семантического выделения заголовка поля, но дело ваше.
Ну не знаю, у меня он неработает нигде:)Цитата:
Originally posted by Zigzag@Dec 9 2006, 11:51
простите, но под ИЕ7 преждевременно оптимизировать. а в правильных браузерах он работает, как положено!
<div class='quotetop'>Цитата</div>[/b][/quote]Цитата:
код мастрика не поможет для семантического выделения заголовка поля, но дело ваше.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Почему не поможет? Все очень хорошо с семантикой.
[/quote]Цитата:
Originally posted by Petrav@Dec 9 2006, 16:29
Ну не знаю, у меня он неработает нигде:)
Почему не поможет? Все очень хорошо с семантикой.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
странно, кажите свою ОС и браузеры, плз.
я говорю о том, что когда отключишь CSS, то не увидишь этого выделения, а ведь поисковики не видят CSS, если вы поняли, о чем я...
[/quote]Цитата:
Originally posted by Zigzag@Dec 9 2006, 16:47
странно, кажите свою ОС и браузеры, плз.
я говорю о том, что когда отключишь CSS, то не увидишь этого выделения, а ведь поисковики не видят CSS, если вы поняли, о чем я...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
ВинХП. Браузеры обычные ИЕ, ФФ и Опера последних версий... Например, в опере первая буква "О" в вашем случае уезжает за край окна и не видна в результате.
По поводу семантики я имел в виду наглядность хтмл кода... с этим все нормально в варианте... не вашем. Речь ведь шла о сдвиге - т.е. сугубо визуальном эффекте. Причем тут поисковики я не понимаю.