Search the Community
Showing results for tags 'html'.
-
Здравствуйте. Хочу спросить у опытных разработчиков, есть ли аналоги данной карусели(или слайдера, не знаю, как правильно это назвать) или более менее похожее на это - http://www.citroen.ua/home/#/home/, только реализованной не на флеше? Если есть дайте пжл ссылку или название плагина. За ранее благодарен.
-
Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?
-
ищу наставника, чтобы выучить html и css. Так то я могу сам учить, но все таки если кто нибудь будет пинать под зад, думаю выучу быстрее и лучше Так что, если кто заинтересован, пишите: [email protected] , буду вам очень благодарен либо пишите прямо здесь в комментариях свои e-mail, я вам сам напишу
-
вложенные списки , изменение отступа дочернего списка
SergeyZelensky posted a question in HTML Coding
привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста. -
С картинками все просто - указал ссылку в img и все. А как с текстом? <div class="fileURLs"> <ul><li id="file_1">blablabla</li></ul> <div class="filelist-summary"> <span class="fltlft">Всего: <strong id="totalFilesBefore">5 файлов</strong> файлов общим размером <strong id="totalSizeBefore">5.5 Гбайт</strong></span> <span class="fltlft">Последний раз обращались сегодня. </span> <span class="success fltrt"></span> </div> </div> как отобразить фразу "5.5 Гбайт" со стороннего сайта на другом ?
-
Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36px; height:36px; float: left; margin-top: 3px;"><a href="/?act=lc"><img src="<?print user_pic($u_id);?>" style="width:36px; height:36px;"></a> </div> <div style="margin-left: 18px; float: left;"> <a href="/?act=lc"><?print $u_login;?></a><p> Баллы: <a href="/?act=ball" style="text-decoration: none;"><?print $u_ball;?> б.</a> </p> </div> </div> <div style="margin-left: 18px; float: left;"> <div style="margin-left: 18px; float:left"><button type="button" class="orng_button" style="width:auto" onclick="document.location.href='/?act=lc';">Моя страница</button> </div> <div style="display:inline; margin-left: 18px; float:left"><button type="button" class="main_detail_button" style="width:auto" onclick="document.location.href='/?act=profile';">Мой профиль</button></div> </div> </div> <div class="twocol last"> <a href="/contact">Контакты</a><br><a href="/help">FAQ</a> </div> </div> </div> CSS-код: .container { padding-left: 3em; padding-right: 3em; } .row { max-width: 1600px; width: 100%; overflow: hidden; margin: 0 auto; } .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; } .onecol { width: 4.85%; } .twocol { width: 13.5%; } .threecol { width: 22.15%; } .fourcol { width: 30.8%; } .fivecol { width: 39.45%; } .sixcol { width: 48.1%; } .sevencol { width: 56.75%; } .eightcol { width: 65.4%; } .ninecol { width: 74.05%; } .tencol { width: 82.7%; } .elevencol { width: 91.35%; } .twelvecol { width: 100%; float: left; } .last { margin-right: 0px; }
-
Приветствую! Господа, пролейте свет на проблемы насущные. Есть такая вот схема, в векторе и растре (отрисовываться красиво будет потом, это уже мелочь): Нужно её сделать примерно в таком виде: http://parkovy.org/generalnyy_plan/ Теперь, собственно, ряд вопросов: 1. Как это реализовать через SVG? В чем плюсы и минусы? Сложность, время реализации с нуля? Материалы где можно подчерпнуть для этого (только действительно качественная литература, без воды, с примерами)? 2. Насколько просто мотом поддерживать это? (например, если надо изменить свойства участка, цвет блока и прочие мелочи). 3. Есть ли разумная альтернатива, другой метод реализации? (флеш не предлагать, поддерживать его потом нудно очень). 4. Кто готов сделать такое в рамках фриланса? Актуальные цены, сроки. Заранее благодарен за ответы! P.S.: Прошу прощения, если не в тот раздел сунулся.
-
Здравствуйте, уважаемые пользователи данного форума! У меня возникли трудности при написании сайта, потому прошу у вас помощи и совета. Собственно, задача передо мной такая: На странице висит квадратное изображение (1000х1000), разбитое через <map> и <area> на 25 областей (тоже квадраты, 196х196). Каждый фрагмент "заякорен", то есть на него ведет ссылка вида www.site.ru/index.html#a20 Нужно сделать так, чтобы после перехода по такой ссылке, нужный фрагмент выделялся (любым образом). Пример - карта луны, разделенная на участки для покупки. Клиенту дается ссылка на его участок, после перехода он на карте видит свой участок подсвеченным. Я начинал с разреки оригинала на куски, но мне посоветовали сделать спрайт. После посоветовали пойти путем <map> и <area>. Тут я не могу заставить работать события с <area>. Если со статичной картинкой <img> те же onfocus или onmouseover работают спокойно, то применительно к <area> не фурычит вообще ничего! Или у меня руки кривые.. или они не совместимы, хотя куча материала, что я перелопатил, говорит об обратном. Хотя, применительно к оnfocus, якорные ссылки не работают, я правильно понял? Пробовал разные варианты, вроде такого: <area name="border25" shape="rect" coords="802,802,998,998" onfocus="document.border25.src = 'images/border.jpg';" href="http://test.com" alt=""> для вызова рамки, чтобы наложилась на область - не работает. Вот тут, вроде как то, что мне может пожойти, но у меня уже мозг кипит и я тне могу переварить код по себя. Мне уже кажется, что придется вернуться к первому варианту с кучей мелких картинок - там вроде бы геморроя меньше с этим, но загрузка сервера бешенная! Вобщем, надеюсь, что тут получу совет по решению траблы..
-
Проблема вот в чем - не могу понять каким образом в style.css изменить(в данном случае увеличить) ширину текста. На первой картинке - скриншот сайта, на второй - применена одна из бесплатных тем(сайт на wordpress). Хорошо видно, что на втором скриншоте текст заметно шире, хотя шрифт тот же. Подробное изучение этого вопроса результатов не дали, прошу помочь. Скриншот номер два:
-
Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главное чтобы решение было кроссбраузерно. Спасибо.
-
С помощью чего человек расположил список "One, two, three, four" в строку? http://jsfiddle.net/kKUZq/
-
для знатаков CSS, html ну наверное больше css в общем к делу, нужно горизонтальное меню цвета метала, под ним полоса негабарита (с желтыми штрихами) rghost.ru/43579722 архив с текстурами вид должен быть как на финал, то есть подложка под низом, сверху "верх", когда активный блок меню или наводится мышка, верх стает прозрачным в том месте, чтоб проявлялась только подложка, и желательно, чтобы цвет текста менялся еще как на картинке, ну хотя это я уже сама сделаю робота не тяжелая добавить с цсс стилей и все. щас уезжаю на пару часиков, приеду и обсудим все)
-
День добрый) У кого есть желание, посмотрите на сайт http://kombinatorika.p.ht/ Собственно, тема: Известный японский писатель Харуки Мураками. Критика приветствуется любого рода, особое внимание уделить верстке и дизайну) Сайт еще до конца контентом не наполнен, решил пока есть время выложу сюда, посмотрю что скажут люди, а там и с инфой закончу Вдруг какие проблемы будут критические? Лучше раньше исправлю Замечания и вопросы 1. По клику на любой картинке из средней колонки, будет в дальнейшем появляться инфа, пока, повторяюсь, не дописал 2. Интересует ваше мнение по поводу а) Кнопка переключения среднего меню, никак не могу найти или нарисовать подходящую, мб подскажите что нибудь? б) Подчеркивание li оставить как есть? или у списка изменить на точечную, а у подсписков на сплошную? в) Цвет шрифта и сам шрифт - оставлять как есть, или искать дальше и пробовать? Довольно много времени на это убил... г) Скорости разных анимацией - делать быстрее, медленнее? Вот собственно и все) Спасибо за внимание PS Не обращайте внимание на название линка
-
Привет всем! Ребята помогите настроить форму отправки сообщений! Нужно чтобы надпись 'Сообщение отправлено' открывалась на той же странице, а не в новом окне! И неплохо бы прикрутить проверку полей на корректность ввода. В программировании вообще нуб. Есть такой код index.html <form action="action.php" method="post"> <input type="text" name="name" value="Имя" class="placeholder"/> <input type="text" name="email" value="E-mail" class="placeholder"/> <textarea name="message" class="placeholder">Сообщение</textarea> <input type="submit" name="send" value="Отправить" class="light1"/> </form> И action.php <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['message'])) {$message = $_POST['message'];} $address = "[email protected]"; $mes = "Имя: $name \nE-mail: $email \nТекст: $message"; $send = mail ($address,$message,$mes,"Content-type:text/plain; charset = windows-1251\r\nFrom:$email"); if ($send == 'true') { 'Сообщение отправлено' } else { 'Сообщение не отправлено' } ?>
-
Помогите разобраться с менюшкой сайта (я только учусь). Меню качал с сайта какого то не помню от куда. Вот решил что нибудь под себя сделать так сказать набраться опыта. Но есть проблема меню фиксированное и если "position" поменять с "fixed" на любой другой то пропадает оформление меню, и улетает куда то.
-
Такая проблема: Я редактирую html страницу с помощью textarea.Но каждый раз нужно вставлять в неё html и отправлять этот код. Как сделать так, чтобы html код редактируемой страницы отображался в textarea.
-
Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?
-
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
-
div; как растянуть слова по ширине, чтобы они точно встали в шаблон?
maxdr posted a question in HTML Coding
Хочется растянуть всё это по ширине, чтобы слова точно встали в шаблон. А по незнанию не получается... Коды такие: <div id="wrapper"> <div id="shapka"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">Знания</a></li> <li><a href="/">Фото</a></li> <li><a href="/">Творчество</a></li> <li><a href="/">Контакты</a></li> <li><a href="/">Форум</a></li> </ul> </div> #shapka ul { list-style-type: inherit; position: absolute; font: 16pt Arial, Verdana, sana-serif; color: #7ba05b; margin: -5px 10px 5px 5px; padding: 290px 0px 0px 440px; Вот образец: -
Привет. Решил организовать курсы по html, css верстке. Поэтому если тебе хочется научиться верстать, но не хочется рыться в интернете, то я готов помочь тебе. Самое главное, что это бесплатно. Более подробно можно узнать в блоге.
