Фотографии Донецк, Киев, Москва
...
 
 

FAQ html, css, java-script, ssi

 

Как сделать вертикальную линию без использования графики

Используйте css. Причем существует два способа: один – через border, другой – через background-color.

Не используйте так, как рассказано в третьем пункте второго варианта :)

Применимо к текстовым тегам типа td, p, div...

Вариант первый

Синтаксис через border:

border-left:1px solid red

или

border-right:1px solid red

Размер и цвет указывайте по желанию :)

Например, верткальная черта слева, по умолчанию - без указания конкретного значения высоты:

код:
<div style="border-left:1px solid red; padding:5px">

То же самое – справа:

код:
<p style="border-left:1px solid red; padding:5px">

Вариант второй

Используйте таблицы или таблицы c css-сом.

1. border:

          - Это Бля Агапова!
- Здравствуй, Бля Агапова, хуле ты хотела?
- Ой, простите, Елена Вячеславовна, я вместо «Ю» нечаянно «Б» поставила... :-[
- Да ничего страшного, я в слове «что» тоже опечаталась... :)

Код:

<table border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
 <td style="border-left:1px #f1b38c solid">&nbsp;</td>
 <td style="border-left:9px #ea926c solid">&nbsp;</td>
 <td style="border-left:19px #e78053 solid">&nbsp;</td>
 <td style="border-left:29px #e5753f solid">&nbsp;</td>
 <td style="border-left:39px #d86935 solid">&nbsp;</td>
</tr>
</table>

Для достижения желаемого результата - играйтесь с шириной и цветом бордера :)

2. background-color:

          Если у вас нет отца, то щелкните правой кнопкой мыши на рабочем столе, и выберите «создать папку» :)

Код:

<table border="0" cellpadding="0" cellspacing="2">
<tr>
 <td style="background-color:#8c60aa;"> </td>
 <td style="background-color:#9f74b4; width:10px">&nbsp;</td>
 <td style="background-color:#b489bf; width:20px">&nbsp;</td>
 <td style="background-color:#c094c5; width:30px">&nbsp;</td>
 <td style="background-color:#eedbec; width:40px">&nbsp;</td>
</tr>
</table>

Для достижения желаемого результата - играйтесь с:

background-color
cellpadding
cellspacing
width
height

3. Таблицы без использования css, с bgcolor

деталь: этот вариант не валиден с точки зрения w3c :)

          Почему мужчины смеются над блондинками?
Она: ответь мне, только честно, да или нет, хорошо?
Он: спрашивай
Она: почему мужчины смеются над блондинками?
Он: да

Код:

<table border="0" cellpadding="0" cellspacing="2">
<tr>
 <td bgcolor="#000000"> </td>
 <td bgcolor="#333333" width="10">&nbsp;</td>
 <td bgcolor="#666666" width="20">&nbsp;</td>
 <td bgcolor="#999999" width="30">&nbsp;</td>
 <td bgcolor="#aaaaaa" width="40">&nbsp;</td>
</tr>
</table>

В обоих вариантах можно по желанию указать параметры в пикселях, сантиметрах или шинанайдаопах.

 

...

Немного о Донецке

Донецк. Каким ты был и каким стал
Фотографии Донецка: каким город был и каков он сейчас
 
Донецк. Скифская аллея
Скифская аллея
бульвар Пушкина, Донецк
 
Есть вопрос? Задайте!
  • ...
 
 
 
 
Стикер
...