angelShlesser

element.style {overflow: hidden;text-overflow: ellipsis;}Нашёл в справочнике!

Как сократить вывод названия если оно большое. Может кто знает?

Так внутри при открытие блока всё хорошо, а вот если сразу ссылка, тогда ничего. Как понял он пытается раскрыть, хотя это просто ссылка. <li><a title="" href="/nashi/"><span><font color="#FFD700">Наши </font>Работы</span></a></li>

Что бы не воздаваться лишних тем. $(document).ready(function(){ $('.bnavi > li > ul') .hide() .click(function(e){ e.stopPropagation(); }); $('.bnavi > li').toggle(function(){ $(this).find('ul').slideDown(); }, function(){ $(this).find('ul').slideUp(); }); }); Нашёл в просторах интернета. Так вот он открывает при наведении на категорию, а вот если создать просто ссылку тогда нулевой результат. <ul class="bnavi"> <li><a title="" href="/nashi/"><span><font color="#FFD700">Наши </font>Работы</span></a></li> <li><a href="#"><span>Первый пункт списка</span></a> <ul> <li><a title="k" href="/kv/">» первый подпункт</a></li> <li><a href="/kv/reliz/" title="">» второй подпункт</a></li> <li><a href="/kv/modules/" title="">» третий подпункт</a></li> <li><a href="/kv/hacks/" title="">» четвертый подпункт</a></li> <li><a href="/kv/info/" title="">» пятый подпункт</a></li> </ul> </li> <li><a href="#"><span>Второй пункт списка</span></a> <ul id="ipb" style=""> <li><a href="/mods/" title="">» первый подпункт</a></li> <li><a href="/reliz/" title="">» второй подпункт</a></li> <li><a href="/skins/" title="">» третий подпункт</a></li> <li><a href="/graphics/" title="">» четвертый подпункт</a></li> </ul> </li> <li><a href="#">Третий пункт списка</a> <ul> <li><a href="#">первый подпункт</a></li> <li><a href="#">второй подпункт</a></li> <li><a href="#">третий подпункт</a></li> </ul> </li> <li><a title="" href="/site-templates/" rel="nofollow"><span>Шаблоны</span></a></li> </ul>

Имею таблицу saite1 Добавить name_loc0, то есть заполнить. Дамп через phpmyadmin -- phpMyAdmin SQL Dump -- version 3.5.4 -- http://www.phpmyadmin.net -- -- Хост: localhost -- Время создания: Янв 10 2013 г., 03:10 -- Версия сервера: 5.5.27-28.1 -- Версия PHP: 5.3.3-7+squeeze14 SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO"; SET time_zone = "+00:00"; /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */; -- -- База данных: `saite1` -- -- ——————————————————-- -- -- Структура таблицы `saite1` -- CREATE TABLE IF NOT EXISTS `saite1` ( `itemsetID` smallint(3) unsigned NOT NULL, `name_loc0` varchar(255) NOT NULL, PRIMARY KEY (`itemsetID`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 ROW_FORMAT=FIXED; -- -- Дамп данных таблицы `saite1` -- INSERT INTO `saite1` (`itemsetID`, `name_loc0`) VALUES (1, 'The Gladiator'), (41, 'Dal''Rend''s Arms'), (65, 'Spider''s Kiss'), (81, 'The Postmaster'), (121, 'Cadaverous Garb'), (122, 'Necropile Raiment'), (123, 'Bloodmail Regalia'), (124, 'Deathbone Guardian'), (141, 'Volcanic Armor'), (142, 'Stormshroud Armor'), (143, 'Devilsaur Armor'), (144, 'Ironfeather Armor'), (161, 'Defias Leather'), (162, 'Embrace of the Viper'), (163, 'Chain of the Scarlet Crusade'), (181, 'Magister''s Regalia'), (182, 'Vestments of the Devout'), (183, 'Dreadmist Raiment'), (184, 'Shadowcraft Armor'), (185, 'Wildheart Raiment');

Использовал первый пример и понять не могу чего он не работает? .lifted:before, .lifted:after Пробовал его крутить и изменять оно ноль эмоций.

Огромное спасибо..

Очень хитро . Ещё немного с этим помучаю, если не получится буду делать как вы советуете. Может что ещё подскажут

Есть вот такой вариант! _http://imageshack.us/photo/my-images/5/20122012174003.png/ Как сделать её продолжить до конца <h3 class="maintitle"> <a title="A Test Category" href="">A Test Category</a> </h3> .maintitle { background:url(/maintitle.png) no-repeat; padding: 10px 10px 31px; font-size: 150%; font-weight: normal; color: #5B6D77; line-height: 1.8; font-family: Georgia,"Times New Roman",Times,serif; } Думаю что надо подключить к этому background ещё одну картинку для предложения с повторением, вот только как это сделать я не знаю.

Как сделать раскрывающее меню при нажатии на картинку, то есть жму на картинку поиск, и ниже появляется строка ввода текста поиска.

.galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

.galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

Решение: while (preg_match("/(x\\/)+x/", $unpackstr, $r)) $unpackstr = substr_replace($unpackstr, 'x'.((strlen($r[0])+1)/2), strpos($unpackstr, $r[0]), strlen($r[0]));

(рекомендуется) заменить в файле admin/configuration.php строку if (ereg('->', $use_function)) { на строку if (preg_match('/->/', $use_function)) { Помогите правильно исправить! while (ereg("(x/)+x", $unpackstr, $r)) $unpackstr = substr_replace($unpackstr, 'x'.((strlen($r[0])+1)/2), strpos($unpackstr, $r[0]), strlen($r[0]));

Суть такая на форуме вставил вот так. <iframe class="donatwow" src="http://billing.besthost.by/wow/easypay.php"></iframe> Как к нему привязать оформление. А то я создаю ccs для donatwow и как бы ничего не происходит. Как я понял надо изменить оформление в http://billing.besthost.by/wow/easypay.php, так что бы у меня оно отображалось красиво. То есть изменить размер колонок, шрифт, цвет и так далее. Что предложите.. Вставляю в боковую панель ipb 3.2.2, там разрешен: Включить RAW HTML / JS режиме Если enbled, NO разбора произойдет. Хорошо, если вы хотите показать HTML / JavaScript только, например, поместить его виджет или баннер. Используйте таблицу / Граница / Заголовок / изображения? Перестаньте просто показать содержимое без каких-либо окружающих HTML.

Хм, ещё странно использовал данный код При нажатии почему то он подымается вверх, то есть показывает информацию. Как сделать так что бы он не просто открывал информацию, а не делал скачёк к ней!

Вот например пример _http://ruseller.com/lessons.php?rub=32&id=1056 Я хочу что бы он работал только в контексте внутри <div id="navbar"> <ul> <li class="active"><a href="#" title="Projects">Projects<span class="notification">34</span></a></li> <li class="inactive"><a href="#" title="Contacts">Contacts</a></li> <li class="inactive"><a href="#" title="Earnings">Earnings</a></li> <li class="inactive"><a href="#" title="To-do">To-do<span class="notification">100</span></a></li> </ul> </div> А не всезде где использовано $(document).ready(function(){ $('li').click(function(){ var number = $(this).index(); $('h2').hide().eq(number).show(); $('p').hide().eq(number).show(); $(this).toggleClass('active inactive'); $('li').not(this).removeClass('active').addClass('inactive'); }); $('h2').not(':first').hide(); $('p').not(':first').hide(); }); Как я понимаю. Надо как то задать классы на какие использовать? То есть что то типа такого $(document).ready(function(){ $('li.nav').click(function(){ var number = $(this).index(); $('h2.nav').hide().eq(number).show(); $('p.nav').hide().eq(number).show(); $(this).toggleClass('active inactive'); $('li.nav').not(this).removeClass('active').addClass('inactive'); }); $('h2.nav').not(':first').hide(); $('p.nav').not(':first').hide(); }); Как вы думаете будет он брать только те в которых класс nav или как то ещё это можно сделать?

Как сделать такое при помощи html! Переход между темы и форумы, показывает разный контекст!

Serlutin Спасибо твой совет помог. Всё получилось.

Как уже писали position: relative Использовал, только теперь картинка не налазит на рамку. Ясно, только минусами закидают. Ладно спс что сразу не удалили.

Блин. А как теперь сделать это в контексте. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Байки из склепа</title> <style type="text/css"> body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } h1 { font-size: 36px; /* Размер шрифта */ margin: 0; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin-top: 0; /* Убираем отступ сверху */ } #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ } #sidebar { /* Левая колонка */ float: left; /* Обтекание справа */ border: 1px solid #333; /* Параметры рамки вокруг */ width: 20%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ } #content { /* Правая колонка */ margin: 10px 5px 20px 25%; /* Значения отступов */ padding: 5px; /* Поля вокруг текста */ border: 1px solid #333; /* Параметры рамки */ } #footer { /* Нижний блок */ background: #333; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ color: #fff; /* Цвет текста */ clear: left; /* Отменяем действие float */ } .layer1 { position: !important; top: 10px; left: 10px; } .layer2 { display: table; color: #22222; margin: 15px; padding: 10px; background-color: #FF6; border: 1px solid #F00; line-height: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } </style> </head> <body> <div id="header"><h1>Байки из склепа</h1></div> <div id="sidebar"> <p><a href="b_all.html">Все байки</a></p> <p><a href="b_author.html">Байки по автору</a></p> <p><a href="b_theme.html">Байки по теме</a></p> <p><a href="b_popular.html">Популярные байки</a></p> <p><a href="b_last.html">Последние байки</a></p> </div> <div id="content"> <h2>Алтарь демона </h2> <p>Утром, при ярком солнечном свете, всё выглядело совсем не так и мрачно, как планировалось, а даже наоборот. От свечей остались одни потёки, «кровь» смотрелась как краска, а перья почти целиком разлетелись от ветра. Хорошо сохранились только рисунки мелом, но и они были скорее прикольные, чем злые и загадочные. Дети с неподдельным интересом разглядывали изображения, но без тени тех чувств, которые испытали взрослые ночью при луне.</p> <p>Тем не менее, оказался один человек, на которого работа произвела большое впечатление, — сторож лагеря. Днём он подошёл к автору «алтаря».</p> <p>— Ваша работа? - начал сторож, кивая в сторону площади.<br /> — А что такое? <br /> — Ну, как же... Тут кровь..., перья птицы мёртвой..., знаки какие-то страшные нарисованы..., а у вас всё же дети маленькие, они испугаться могут...</p> <div class="layer1"> <img src="http://htmlbook.ru/themes/hb/images/content.png" /> <div class="layer2"> Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. </div> </div> <div class="layer1"> <img src="http://htmlbook.ru/themes/hb/images/content.png" /> <div class="layer2"> [img=http://storage2.static.itmages.ru/i/11/0409/h_1302363599_60365904b1.png] Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. </div> </div> </div> <div id="footer">© Влад Мержевич</div> </body> </html>

<style type="text/css"> .layer1 { position: absolute; top: 10px; left: 10px; } .layer2 { display: table; color: #22222; margin: 15px; padding: 10px; background-color: #FF6; border: 1px solid #F00; line-height: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } body { background-color: #00C; } </style> </head> <body> <div class="layer2"> Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. <div class="layer1"> <img src="http://htmlbook.ru/themes/hb/images/content.png" /> </div> </div> </body> Всё получилось. Есть замечания?

.layer1 { position: absolute; } .layer2 { display: table; color: #22222; margin: 15px; padding: 10px; background-color: #FF6; border: 1px solid #F00; line-height: normal; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } body { background-color: #00C; } <div class="layer1"><img src="http://htmlbook.ru/themes/hb/images/content.png" /> <div class="layer2"> Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. </div> </div> Вот как сделал.. картинку как сместить на второй элемент так и не понял.

Я не понял как это реализовать. <div> или через <table> А картинку как я понял, через стили css сделать?

Как сделать вот такой дизайн. Вот такого плана.