Проблема с отображением шрифта
Есть таблица стилей my.css . В ней написанно следующее:
[HTML]
.cobraRed{color:red; font-size: 13px;font-weight: bold; font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
.cobraGray{color:darkgray; font-size: 13px;font-weight: bold; font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
.cobraRedSmall{color:red; font-size: 10px;font-weight: bold; font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
.cobraGraySmall{color:darkgray; font-size: 10px; font-weight: bold;font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
[/HTML]
Где-то в странице пишу:
[HTML]
<pre><p class="cobraRedSmall">Cobra</p><p class="cobraGraySmall">Connex</p></pre>
[/HTML]
И получаю, что "Cobra" на одной строке , а "Connex" - на другой. Т.е.
[HTML]
Cobra
Connex
[/HTML]
А мне надо, чтобы было так: [HTML]CobraConnex[/HTML] Причём "Cobra" - красным, а "Connex" - серым. Как это сделать?
[HTML]
.cobraRed{color:red; font-size: 13px;font-weight: bold; font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
.cobraGray{color:darkgray; font-size: 13px;font-weight: bold; font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
.cobraRedSmall{color:red; font-size: 10px;font-weight: bold; font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
.cobraGraySmall{color:darkgray; font-size: 10px; font-weight: bold;font-family: Verdana,Tahoma,Arial; text-align: left; margin-top: 0; margin-bottom: 7; text-indent: 0px;word-spacing: 0px}
[/HTML]
Где-то в странице пишу:
[HTML]
<pre><p class="cobraRedSmall">Cobra</p><p class="cobraGraySmall">Connex</p></pre>
[/HTML]
И получаю, что "Cobra" на одной строке , а "Connex" - на другой. Т.е.
[HTML]
Cobra
Connex
[/HTML]
А мне надо, чтобы было так: [HTML]CobraConnex[/HTML] Причём "Cobra" - красным, а "Connex" - серым. Как это сделать?
Естественно! Оба слова заключены в абзацные тэги, поэтому переносятся.
Код:
<pre>
<p>
<span class="cobraRedSmall">Cobra</span>
<span class="cobraGraySmall">Connex</span>
</p>
</pre>
<p>
<span class="cobraRedSmall">Cobra</span>
<span class="cobraGraySmall">Connex</span>
</p>
</pre>
А можно вместо спана юзать DIV? И вообще, какая между ними разница?
Цитата: ProgSoldier
А можно вместо спана юзать DIV? И вообще, какая между ними разница?
Можно. Можно что угодно. Главное какая задача стоит. А разница элементарная (RTFM !!! CSS спеца!): div является элементом уровня блока, а span элементом строкового уровня. Главная между ними разница в том, что в нормальном потоке в горизонтальной плоскости не могут в одной строке стоят два элемента уровня блока (как раз то, что получается у автора топика), а стоковые элементы могут.
Большое спасибо. Вы мне ОЧЕНЬ помогли.