Главная страницаСоздание сайтовБлог Кузнецова М.В.Статьи о PHPPHP-скриптыСтатьи об ApacheФорум С++КонсультацииФорум "Про Жизнь"
Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ 		Консультационный центр SoftTime

HTML+CSS+JavaScript
Вход  Регистрация  Список форумов  Живой форум  Архив  RSS-канал  Правила форума  Участники "Online"  Все участники

Выбрать другой форум

 

Здравствуйте, Посетитель!

 Новая тема

 Поиск

  Список тем

вид форума:
Линейный форум Структурный форум

тема: Изменение css.

следующая тема
 
 автор: 123php   (26.11.2006 в 01:40)   письмо автору
  
 

Необходимо изменить расстояние между категориями второго уровня меню (креплю скриншот). Стиль этого меню задает нижеуказанный код. Что необходимо в нем изменить для увеличения расстояния?


.ThemeCSMenu {
    WIDTH: 100%; FONT-SIZE: 13px; CURSOR: default; FONT-FAMILY: tahoma, verdana, arial, sans-serif; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffff;
}
.ThemeCSSubMenuTable {
    WIDTH:140px; FONT-SIZE: 13px; CURSOR: default; FONT-FAMILY: tahoma, verdana, arial, sans-serif; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffff;
}
.ThemeCSSubMenu {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 100; VISIBILITY: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; POSITION: absolute
}
.ThemeCSSubMenuTable {
    BORDER-RIGHT: #296DC1 1px solid; BORDER-TOP: #296DC1 1px solid; BORDER-LEFT: #296DC1 1px solid; BORDER-BOTTOM: #296DC1 1px solid;
}
.ThemeCSMenuItem {
    CURSOR: default; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemHover {
    CURSOR: pointer; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemActive {
    CURSOR: default; WHITE-SPACE: nowrap
}
.ThemeCSMainItem {
    BACKGROUND-COLOR: #ffffff
}
.ThemeCSMenuItem {
    BACKGROUND-COLOR: #ffffff
}
.ThemeCSMainItemHover {
    CURSOR: pointer;
    BACKGROUND-COLOR: #BBDBFF
}
.ThemeCSMainItemActive {
    BACKGROUND-COLOR: #BBDBFF
}
.ThemeCSMenuItemHover {
    CURSOR: pointer;
    BACKGROUND-COLOR: #BBDBFF
}
.ThemeCSMenuItemActive {
    BACKGROUND-COLOR: #BBDBFF
}
.ThemeCSMainFolderLeft {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMainItemLeft {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMainFolderText {
    COLOR: #333333; 
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMainItemText {
    COLOR: #333333; 
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMainFolderRight {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMainItemRight {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TD.ThemeCSMainFolderLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
TD.ThemeCSMainItemLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
TD.ThemeCSMainFolderLeft {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid
}
TD.ThemeCSMainItemLeft {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid
}
TD.ThemeCSMainFolderText {
    COLOR: #333333; 
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid
}
TD.ThemeCSMainItemText {
    COLOR: #333333;
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid
}
TD.ThemeCSMainFolderRight {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid
}
TD.ThemeCSMainItemRight {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid
}
TD.ThemeCSMainFolderLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
TD.ThemeCSMainItemLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
TD.ThemeCSMainFolderText {
    COLOR: #333333;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    CURSOR: pointer;
    PADDING-RIGHT: 10px; PADDING-LEFT: 4px; WHITE-SPACE: nowrap
}
TD.ThemeCSMainItemText {
    COLOR: #333333; 
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    CURSOR: pointer;    PADDING-RIGHT: 10px; PADDING-LEFT: 4px; WHITE-SPACE: nowrap
}
TD.ThemeCSMainFolderRight {
    BORDER-RIGHT: #d7d7d7 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WHITE-SPACE: nowrap
}
TD.ThemeCSMainItemRight {
    BORDER-RIGHT: #d7d7d7 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMainItem TD.ThemeCSMainFolderLeft {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 1px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMainItem TD.ThemeCSMainItemLeft {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 1px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMainItem TD.ThemeCSMainFolderText {
    COLOR: #333333; 
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: 0px; PADDING-RIGHT: 10px; BORDER-TOP: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMainItem TD.ThemeCSMainItemText {
    COLOR: #333333;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: 0px; PADDING-RIGHT: 10px; BORDER-TOP: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMainItem TD.ThemeCSMainItemRight {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 1px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMainItem TD.ThemeCSMainFolderRight {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 1px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMenuFolderLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuFolderLeft {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemLeft {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuFolderText {
    COLOR: #333333; 
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemText {
    COLOR: #333333;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    CURSOR: pointer;
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuFolderRight {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemRight {
    BORDER-TOP: #d7d7d7 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuFolderLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemLeft {
    PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BORDER-LEFT: #d7d7d7 1px solid; WHITE-SPACE: nowrap
}
.ThemeCSMenuFolderText {
    COLOR: #333333; 
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    PADDING-RIGHT: 3px; PADDING-LEFT: 5px; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemText {
    COLOR: #333333;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    PADDING-RIGHT: 3px; PADDING-LEFT: 5px; WHITE-SPACE: nowrap
}
.ThemeCSMenuFolderRight {
    BORDER-RIGHT: #d7d7d7 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMenuItemRight {
    BORDER-RIGHT: #d7d7d7 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMenuItem TD.ThemeCSMenuFolderLeft {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMenuItem TD.ThemeCSMenuItemLeft {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMenuItem TD.ThemeCSMenuFolderText {
    COLOR: #333333;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMenuItem TD.ThemeCSMenuItemText {
    COLOR: #333333; 
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMenuItem TD.ThemeCSMenuItemRight {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 1px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
TR.ThemeCSMenuItem TD.ThemeCSMenuFolderRight {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 1px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px; WHITE-SPACE: nowrap
}
.ThemeCSMenuSplit {
    BORDER-TOP: #d7d7d7 1px solid; MARGIN: 2px; OVERFLOW: hidden; HEIGHT: 1px
}
.ThemeCSMenuItem IMG.seq1, .ThemeCSMainItem IMG.seq1 {
    DISPLAY: inline
}
.ThemeCSMenuItemHover seq2, .ThemeCSMainItemHover seq2 {
    CURSOR: pointer;
    DISPLAY: inline
}
.ThemeCSMenuItemActive seq2, .ThemeCSMainItemActive seq2 {
    DISPLAY: inline
}
.ThemeCSMenuItem .seq2, .ThemeCSMainItem .seq2 {
    DISPLAY: none
}
.ThemeCSMenuItemHover .seq1, .ThemeCSMainItemHover .seq1 {
    CURSOR: pointer;
    DISPLAY: none
}
.ThemeCSMenuItemActive .seq1, .ThemeCSMainItemActive .seq1 {
    DISPLAY: none
}

   
 
 автор: aexb   (26.11.2006 в 18:55)   письмо автору
  
   для: 123php   (26.11.2006 в 01:40)
 

Непосредственно этот кусок можно сверстать вот так:
<style>
#menu, #menu span {font-family: Arial;}
#menu {font-size: 0.7em;}
#menu span {font-size: 1.3em; font-weight: bold;}
#menu p {padding:5 0 0 10; margin: 0;
}
</style>
<div id="menu">
<span>ДУГОВАЯ СВАРКА</span>
<p>
ВЫПРЯМИТЕЛИ<br>
ИНВЕРТОРЫ<br>
ТРАНСФОРМАТОРЫ<br>
УСТАНОВКИ АРГ-ДУГОВЫЕ<br>
</p>
</div>

<p />
<div id="menu">
<span>СВАРОЧНЫЕ ПРИНАДЛЕЖНОСТИ</span>
<p>
ЭЛЕКТРОДОДЕЛЖАТЕЛИ<br>
ГОРЕЛКИ<br>
ГОРЕЛКИ<br>
СМЕННЫЕ ДЕТАЛИ<br>
</p>
</div>
Нужно только разделительные точечки вставить :-)

   
 
 автор: 123php   (26.11.2006 в 19:58)   письмо автору
  
   для: aexb   (26.11.2006 в 18:55)
 

Согласен, но надо через файл стиля... я уже, млин, замучался.

   
 
 автор: 123php   (27.11.2006 в 23:14)   письмо автору
  
   для: 123php   (26.11.2006 в 19:58)
 

Какой параметр отвечает за это расстояние?

   
 
 автор: 123php   (27.11.2006 в 23:26)   письмо автору
  
   для: 123php   (26.11.2006 в 01:40)
 

Думаю, в этом месте ответ кроется:


.ThemeCSSubMenuTable {
    WIDTH:140px; FONT-SIZE: 13px; CURSOR: default; FONT-FAMILY: tahoma, verdana, arial, sans-serif; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffff;
}
.ThemeCSSubMenu {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 100; VISIBILITY: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; POSITION: absolute
}
.ThemeCSSubMenuTable {
    BORDER-RIGHT: #296DC1 1px solid; BORDER-TOP: #296DC1 1px solid; BORDER-LEFT: #296DC1 1px solid; BORDER-BOTTOM: #296DC1 1px solid;
}

   
 
 автор: AlexSol   (28.11.2006 в 09:16)   письмо автору
  
   для: 123php   (27.11.2006 в 23:26)
 

без html ничего не ясно. за верхний отступ:

<tr style="padding-top:10px">

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования