GooDMeister

psywalker, дело в том, что я использую движок joomla, в нем есть модули. У каждого модуля есть заголовок и тело. Редактирвать дизайн заголовка можно только через CSS или если чел мастер PHP, каким я не являюсь. Вот вобщем-то и все. Вобщем я задал простой вопрос. Меня назвали нубом, который спрашивает глупые вопросы. не погуглив и не посмотрев элементарный хелп по CSS. Еще предложили заплатить, а решения как я понял никто не знает.. Дополнительно погуглив я понял, что оно просто непредусмотрено. Можно сделать нечто похожее припомощи бордеров и все. Еще нашел интересное свойство text-shadow. Но это немного не то.

mishka2 найди мне способ сделать это одним CSS, без редактирования Html и без картинок. Я оплачу потраченной тобой на меня время, 10$ через PayPal устроит? Мне это не кртитично, просто из спортивного интереса

mishka2 в восьмом эксплорере тоже не сработало

Justnewone я просто задал вопрос, если кто-то может дать хотя бы направление, в котором нужно идти. пока получается только такое решение, но оно мне немножко неподходит.. background: #CCCCCC url("image.gif") no-repeat right; поставил такой код и не сработало... h3 { font-family: "Century Gothic"; display: inline; float: left; font-weight: normal; !important font-size: 15px; color: #333333; height: 25px; text-align:left; background-color:#f4f4f4; margin:0 15px 0 0; padding:2px 5px 0; vertical-align: middle; width: 225px; }

Justnewone своими силами вижу только одно решение. Написать слово Structure и сделать его картинкой на белом фоне, а на бек поставить серый. Хотел узнать. если можно как-то по другому. Потому что у меня несколько таких слов и долго каждое писать картинкой. И вообще полезно на будущее ..

вопрос не дурацкий. изучил основы и пытаюсь продвинуться дальше, вобщем хотел узнать, если силами CSS можно добиться такого результата как на картинке. Возможности редактировать HTML Нету! если это невозможно сделать, то так и скажите... если есть возможность поставить два бекграунда под один стиль h3 тогда это пожалуй решило бы проблему.

извиняюсь, наверное неясно объяснился. Хотел просто узнать если такое возможно. Вот код. h3>Infrastructure</h3> Менять сам код нет возможности.. Все что есть это h3. Если нет базовой функции убирать бекраунд из под текста, или дать еще один бекграунд под сам текст, то единственным вариантом остается делать картинки,для того чтобы добиться требуемого результата, что немного нежелательно.

Не знаю возможно ли это, вобщем есть текст. Под ним стоит бекраунд. Надо чтобы под текстом его не было! Причем текст разной длины, текста довольно много и поэтому вручную делать не выгодно.

Хочу поменять цвет скроллбара, в ИЕ он меняется отлично. А вот в файрфоксе не меняет нивкакую. Вот код. div.module-v{ scrollbar-base-color: #88715b; } Порылся в инете, вроде пишут, что ФФ не поддерживает этой функции. Но я не верю. неужели могучий и вездесущий ФФ не может перекрасить обычную полосу прокрутки в нужнуй мне цвет?

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

input.submit, input.resset { display: none; clear: none; } я вставлял вот так, firebug показал что код был понят, но... обе кнопки вообще исчезают при таком расскладе. Наверное придется скорее всего найти другой компонент из-за невозможности поставить два элемента в один ряд.

Спасибо. попробовал. вообще обе кнопки просто исчезли. Верстку всего сайта вобщем делал я а что там такого идиотского? Верстку той страницы где форма связи делал не я, а автор компонента. Я там только кое-что слегка подредактировал.

чуть не забыл.... они разделены между собой таким образом <div class="clear"/> <input type="submit" style="" value="послать" class="submit" name="hf99a"/> <div class="clear"/> <input type="submit" style="" value="послать" class="submit" name="hf99a"/> <div class="clear"/> Через Html убрать <div class="clear"/> не знаю как. http://povolotskymusic.com/index.php?optio...1&Itemid=12

Как заработать один миллион. Книга из ста страницах. На каждой странице многократно написано одно и тоже слово... Угадайте какое...

вобщем есть два класса. <input type="reset" style="" value="очистить" class="resset" name="h37f9"/> <input type="submit" style="" value="послать" class="submit" name="hf99a"/> требуется поставить их в один ряд. Возможности редактировать html файл нету. Только через CSS, осуществимо ли это? Я попробовал вот таким образом, но почему-то не получилось... input.submit, input.resset { display: inline-block; }

к сожалению использовать таблицу нет возможности. и с дивом не получилось... делал такой код .sf-menu { width: 100%; text-align: center; }

Вобщем. Есть линия. Длинною в 100% от экрана юзера. Есть меню. Оно занимает... примерно 15% ширины экрана. Меню состоит примерно из 10ти пунктов. Вопрос: Как сделать так чтобы меню равномерно распределило все пункты на всю ширину экрана. А не стояло где-то скраюшку как бедный родественник. Заранее спасибо

Бекграунд не вставляет, дизайн в целом тоже, но там работа больше графика-дизайнера, чем верстальщика

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

только вчера зарегился, мне оч. понравился этот сайт. Хеппипесдай!)

суперски!

я когда не знаю куда путь прописывать, заливаю скрипт в корневую папку и пишу абсолютный путь http://www.mysite.com/script.js работает всегда и 100%

HTML <ul id="menulist_root-son-of-suckerfish-horizontal" class="mainlevel-son-of-suckerfish-horizontal" ><li><a href="/mod/index.php/models.html" class="mainlevel_active-son-of-suckerfish-horizontal"><span class="expanded">models</span></a><ul id="menulist_1-son-of-suckerfish-horizontal" ><li><a href="/mod/index.php/models/top-10-woman.html" class="sublevel_current-son-of-suckerfish-horizontal" id="active_menu-son-of-suckerfish-horizontal">Top 10 woman</a></li><li><a href="/mod/index.php/models/top-10-men.html" class="sublevel-son-of-suckerfish-horizontal">Top 10 Men</a></li><li><a href="/mod/index.php/models/top-10-small-models.html" class="sublevel-son-of-suckerfish-horizontal">Top 10 Small models</a></li><li><a href="/mod/index.php/models/top-10-sexiest.html" class="sublevel-son-of-suckerfish-horizontal">Top 10 Sexiest</a></li></ul></li><li><a href="/mod/index.php/the-blogs.html" class="mainlevel-son-of-suckerfish-horizontal"><span class="expanded">the blogs</span></a><ul id="menulist_2-son-of-suckerfish-horizontal" ><li><a href="/mod/index.php/the-blogs/fashion-week.html" class="sublevel-son-of-suckerfish-horizontal">Fashion Week</a></li><li><a href="/mod/index.php/the-blogs/photography.html" class="sublevel-son-of-suckerfish-horizontal">Photography</a></li><li><a href="/mod/index.php/the-blogs/hairmake-upstyle.html" class="sublevel-son-of-suckerfish-horizontal">Hair/Make up/Style</a></li><li><a href="/mod/index.php/the-blogs/casting.html" class="sublevel-son-of-suckerfish-horizontal">Casting</a></li><li><a href="/mod/index.php/the-blogs/production.html" class="sublevel-son-of-suckerfish-horizontal">Production</a></li></ul></li><li><a href="/mod/index.php/agencies.html" class="mainlevel-son-of-suckerfish-horizontal"><span class="expanded">agencies</span></a><ul id="menulist_3-son-of-suckerfish-horizontal" ><li><a href="/mod/index.php/agencies/photographers.html" class="sublevel-son-of-suckerfish-horizontal">Photographers</a></li><li><a href="/mod/index.php/agencies/hairmake-upstyle.html" class="sublevel-son-of-suckerfish-horizontal">Hair/make up/style</a></li></ul></li></ul> </div> </td> CSS /** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */ /** customize colors here */ a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link, a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited { /* letter-spacing: 1px; */ display: block; font: 8px Arial, Helvetica, sans-serif; !important color: #666666; height: 25px; background-color: #f8f8f8; border: 1px solid #f8f8f8; } a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover { display: block; font: Arial, Helvetica, sans-serif; background-color: #fff; color: #666666; height: 25px; border: 1px solid #dadada; !important font-size: 8px; !important } a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link, a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited { font: Arial, Helvetica, sans-serif; font-size: 9px; width: 185px; background-color: #ffffff; border-right: 1px solid #dadada; border-left: 1px solid #dadada; color: #666666; height: 15px; } a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover { font-size: 9px; font: Arial, Helvetica, sans-serif; background-color: #f8f8f8; color: #666666; } ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited { background-color: blue; color: white; } ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover { background-color: #E0E0E0; color: blue; } ul.mainlevel-son-of-suckerfish-horizontal .expanded { display: block; background-image: url(../images/menu.png); background-position: right; background-repeat: no-repeat; padding-right: 30px; } ul.mainlevel-son-of-suckerfish-horizontal ul .expanded { background-image: url("../images/arrow_right.gif"); } /** customize style / layout here */ a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal, a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link, a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited, a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover, a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal, a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link, a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited, a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover { font: 8px Arial, Helvetica, sans-serif; font-weight: lighter; font-size: 100%; text-align: left; text-decoration: none; border: 1px solid f8f8f8; display: block; /* border: 1px solid silver; padding: 0.3em 0.5em 0.3em 0.5em; top, right, bottom, left */ padding: 10px 5px 10px 10px; } a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal { } a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal { /* font-size: 90%; */ border-top: none; height: 1%; /* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */ } #active_menu-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover { /* font-weight: bold; */ } ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul { padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 100; } ul.mainlevel-son-of-suckerfish-horizontal li { padding: 0; margin: 0; background: none; float: left; } ul.mainlevel-son-of-suckerfish-horizontal li li { position: relative; display: block; width: 10em; } ul.mainlevel-son-of-suckerfish-horizontal ul { display: block; position: absolute; left: -999em; margin: -0.2em 0 0 0em; width: auto; height: auto; z-index: 101; } ul.mainlevel-son-of-suckerfish-horizontal li li ul { margin: -1.8em 0 0 10em; z-index: 102; } /** IE7.0 workaround */ ul.mainlevel-son-of-suckerfish-horizontal li:hover, ul.mainlevel-son-of-suckerfish-horizontal li.hover { position: static; } /** general on-mouse-over display */ ul.mainlevel-son-of-suckerfish-horizontal li:hover ul, ul.mainlevel-son-of-suckerfish-horizontal li.hover ul { left: auto; } ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul, ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul { left: -999em; } ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul, ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul { left: auto; } ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li { clear: left; } /** separator */ span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal { display: block; width: 1em; border-width: 0px; margin-left: 1em; padding: 0; padding-top: 1px; } /** IE5.0/win workaround: the ">" is handled like a "," */ ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal { position: absolute; top: 5em; /* change the absolute position for IE5.0 here */ } ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul { margin: 0.1em 0 0 0em; /* top, right, bottom, left */ } ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul { margin: -1.6em 0 0 10em; /* top, right, bottom, left */ } Вот все коды, надо было с самого начала наверное поставить, извините, просто я с CSS пока что не очень дружу, только самые основы знаю. Если нужно могу еще java скрипт показать.

s0rr0w, ну я же картинки добавил, неужели по картинкам непонятно??? или вопрос неясен? Все очень четко объяснил. Вы говорите нужно в контейнер поставить, поясните плз примерно как это делается. Это можно исправить в файле CSS только??? p.s. Неужели непонятно...

а как их поместить в контейнер? Контейнер это div? Проблема в том, что меню генерируется автоматически и в его основе стоит сложный php код, который я с трудом понимаю. Я могу редактировать только CSS файл. Можно ли все это сделать через CSS или обязательно что-то еще в html менять?