Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

CSS-DIV-Вёрстка

Обсуждение темы CSS-DIV-Вёрстка в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Вот этот кусок да надо найти было? <div id="center"> <div class="componentheading"> Поиск</div> <form id="searchForm" action="/Joomla_1.5.7/index.php?option=com_search" method="post" name="searchForm"> <table class="contentpaneopen"> <tr> <td nowrap="nowrap"> <label ...


Закрытая тема
 
Опции темы
Старый 20.10.2008, 12:06   #51
Вот этот кусок да надо найти было?

<div id="center">
<div class="componentheading">
Поиск</div>


<form id="searchForm" action="/Joomla_1.5.7/index.php?option=com_search" method="post" name="searchForm">
<table class="contentpaneopen">
<tr>
<td nowrap="nowrap">
<label for="search_searchword">
Искать по:
</label>
</td>
<td nowrap="nowrap">
<input type="text" name="searchword" id="search_searchword" size="30" maxlength="20" value="гена" class="inputbox" />
</td>
<td width="100%" nowrap="nowrap">
<button name="Search" onClick="this.form.submit()" class="button">Поиск</button>
</td>
 
Старый 20.10.2008, 12:06
Ссылки
Старый 20.10.2008, 12:12   #52
скорее всего это
теперь к своему
Код:
.search input.button{
padding: 3px 6px;
border: 0px solid #333333;
background: url(../images/knopa.jpg) repeat-x top #333333;
color: #ffffff;
font-size: 60%;
text-transform: uppercase;

}
добавь
contentpaneopen input.button
или попробуй td input.button

примерно так
1. можно так
Код:
.search input.button, contentpaneopen input.button{
padding: 3px 6px;
border: 0px solid #333333;
background: url(../images/knopa.jpg) repeat-x top #333333;
color: #ffffff;
font-size: 60%;
text-transform: uppercase;

}
2. можно отдельно для
Цитата:
contentpaneopen input.button {написать теже стили что и для search input.button}
 
Старый 20.10.2008, 12:24   #53
ВСЁ так же осталось...

возожно это как то поможет
смотри .. когда я пишу так. автоматом все кнопки меняются на мою.

.button {
padding: 3px 6px;
border: 0px solid #333333;
background: url(../images/knopa.jpg) repeat-x top #333333;
color: #ffffff;
font-size: 60%;
text-transform: uppercase;
 
Старый 20.10.2008, 12:32   #54
я и не сказал что у тебя что то изменилось
только у тебя написано
Цитата:
.search input.button{}
грубо:
я написал стиль к unput_у имеющему класс .button расположенному не важно где но в классе .search

теперь ты должен написать все это для другого класса потому что заметь что теперь поиск лежит не в диве имеющему класс .search а в таблице с другим классом

Последний раз редактировалось 3ABAPKA; 20.10.2008 в 12:37..
 
Старый 20.10.2008, 12:50   #55
если честно не могу уловить мысль и понять что делать (
 
Старый 20.10.2008, 13:06   #56
эти два стиля нужны .contentpaneopen input.button классу
Код:
.search input.button{
padding: 3px 6px;
border: 0px solid #333333;
background: url(../images/knopa.jpg) repeat-x top #333333;
color: #ffffff;
font-size: 60%;
text-transform: uppercase;

}

.search input.button:hover, .search input.button:focus {
border: 0px solid #999999;
background: #333333;
color: #FFFFFF;

}
будет это выглядеть так
Код:
.search input.button, .contentpaneopen input.button{
padding: 3px 6px;
border: 0px solid #333333;
background: url(../images/knopa.jpg) repeat-x top #333333;
color: #ffffff;
font-size: 60%;
text-transform: uppercase;

}

.search input.button:hover, .contentpaneopen input.button:focus, .contentpaneopen input.button:hover, .contentpaneopen input.button:focus {
border: 0px solid #999999;
background: #333333;
color: #FFFFFF;

}
должно работать
 
Старый 20.10.2008, 13:15   #57
3ABAPKA,

Всё заработало только без input надо..
Правда размер кнопки какойто маленький

Последний раз редактировалось Scorp; 20.10.2008 в 13:17..
 
Старый 22.10.2008, 05:38   #58
С Random Image попробовал сделать как ты мне посоветовал, всё получилось как надо.. Только возникла проблема, сейчас вот думаю как же это сделать ) ... А проблема такая, лучше конечно я это объясню в картинках, так понятней будет. Смотри, картинка 1) это куда должны вставляться фото.
#ri1 {
margin: auto;
width: 139px;
height: 116px;
background : url(../images/ri.jpg) no-repeat 0px 0;
}
картинка 2) это как у меня сейчас выводятся фото ..
картинка 3) это как я хочу сделать.
<div id="ri1"><jdoc:include type="modules" name="user1" style="" /></div>
и что то я не пойму как выровнять её, что бы всё было как на картинки 3)
Изображения
Тип файла: jpg Random Image.jpg (40.5 Кб, 7 просмотров)
 
Старый 22.10.2008, 06:59   #59
1. почему у тебя style="" пустой
Цитата:
type="modules" говорит о том, что выводится модуль
name="right" указывает на позицию модуля
style="-1" указывает тип вывода модуля
для style="…" появилась возможность указания типа вывода не только цифрами, но и ключевыми словами
style="table" – стандартный вывод модуля в ячейке таблицы
1. style="horz" – горизонтальный вывод Не увидел разницы со style="table" , хотя в официальном мануале сказано, что формируется горизонтальный вывод модуля style="xhtml" – вывод модуля в одном DIV с заголовком H3
2. style="rounded" – вывод модуля в четырех вложенных DIV ( используется для создания закругленных углов в модулях, подробно о создании закругленных углов можно почитать тут http://joomlaforum.ru/index.php/topic,1041.0.html
3. style="raw" будет выведено содержимое модуля без заголовка ,таблиц и DIVов

В Joomla 1.5 добавлена возможность создавать свои типы вывода модулей
и тебе еще будет интересно почитать этот форумhttp://joomlaforum.ru/index.php/topic,1046.0.html

а как у тебя прописан стиль для #modules{}

Последний раз редактировалось 3ABAPKA; 22.10.2008 в 07:02..
 
Старый 22.10.2008, 06:59
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вёрстка для опыта СерП Резюме 0 05.08.2009 21:46
Вёрстка под CMS Newfelix Кальянная 5 16.06.2008 15:33
Валидная div-ная вёрстка Мерлин HTML, CSS, JavaScript 14 13.02.2008 14:31
div-вёрстка Nielson HTML, CSS, JavaScript 6 31.10.2005 11:14
Дивная вёрстка vision HTML, CSS, JavaScript 4 11.04.2005 12:10


Текущее время: 15:18. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум