HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
text-decoration для текстовых ссылок но не для изображений внутри ссылок
Здравствуйте, подскажите пожалуйста, можно ли как-нибудь средствами CSS сделать чтобы подчеркивались текстовые ссылки внутри стиля, а если ссылкой является изображение, то text-decoration:none. Например: //надо чтобы подчеркивалось <a href="http://site.com">site link</a> // НЕ надо чтобы подчеркивалось <a href="http://site.com"><img src="http://site.com/logo.jpg"/></a> псевдокласс имеет такой вид: .content b a { color:#383838; font-weight:400; text-decoration:underline; } кстати что тут значит буква "b" ? Заранее спасибо за ваши ответы!
0 votes14 answers -
Динамичесское окро и РНР
Подскажите пожалуйста, как из РНР ссылки такого вида: $text.='<a href="detail.php?t_id='; $text.= $mass_sub[$i][0]; $text.='" target="_blank">'; $text.='<img borger="0" src="images/links/pod.jpg" alt="Подробно" title="Подробно">'; $text.='</a>'."n"; Сделать ссылку для открытия динамичесского окна JS Использовав такой код: <head> <script language="JavaScript"> <!-- hide function openWin() { myWin= open("detail.php", "displayWindow", "width=500,height=500,status=no,toolbar=no,menubar=no"); } // --> </script> </head> <body> <form> <input type="image" value="подробнее" onClick="openWin()"> </form> &l…
0 votes9 answers -
проблема с отступами у IMG в TD в IE
уважаемые пользователи форума, помогите плз решить проблему : скрипт выводит следующий код: <table border="0" cellpadding="2" cellspacing="2" id="t_block"> <tr> <td rowspan="2" valign="top"> <a target="_blank'' href=" ... "> <img src=" ... " style="border: none !important;" class="t_img" align="left" width="50" height="50" /> </a> </td> <td> ... неважно1 ... </td> <tr><td> ... неважно2 ... </td></tr> ... </table> скрипт я никак изменить не могу, оформление могу регулировать с помощью CSS #t_block td { padding: 0px; } img.t_img { padding: 0px 10px 20px 0px; } т.е. я хочу, чтобы у картин…
0 votes4 answers -
Помогите пожалуйста!
Здравствуйте, помоги, пожалуйста. Имеется css файл: html{ height: 100%; } body{ margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFFFFF; height: 100%; } #wrapper { margin: 0 auto; width: 880px; } #header { width: 870px; height: 2px; margin: 0px; background: url("/images/top_line.jpg") no-repeat; } #leftcolumn { float:left; background: url("/images/gradient_left.jpg") repeat-y; margin:0; height:133px; width:35px; } #content { float:left; background:#0795bd; margin:0; height:133px; width:802px; display:inline; } #rightcolumn { background:url("/images/gradient_right.jpg") repeat-y; margin: 0; height:133px; width: 35px; float: l…
0 votes2 answers -
Opera меня игнорирует :(
Осваиваю дивную верстку, и в процессе работы над шаблоном столкнулся с забавным косяком со стороны Оперы. На странице футер должен быть фиксированно приклеен внизу, а контент прокручивается отдельно. В ИЕ и ФФ примененное решение нормально работает, однако Опера при прокрутке основного окна контента колесом мыши по достижении нижнего края окна начинает перематывать всю страницу целиком, при этом игнорируя жестко заданное фиксированное положение футера. Текущий вариант шаблона И еще один косяк и опять же со стороны Оперы - на этой же странице горизонтальная полоска вверху залезает над колонкой "Новости". В ИЕ и ФФ этого не наблюдается...
0 votes6 answers -
галерея картинок
Добрые люди, дайте пожалуйста ссылку где уже обсуждалось создание вот такой (например) галереи или подскажите как реализовать не слишком сложно. http://www.engineersistem.ru/ нужно чтобы с помощью двух стрелок можно было просмотреть несколько картинок, листая их.
0 votes3 answers -
Тег отвечающий за ограничение количества символов
Подскажите тег отвечающий за ограничение количества символов. Пример: информер с комментариями (надо ограничить длину $ENTRY_TITLE$ например 19 символами) <strong></strong> <table border="0" cellpadding="0" cellspacing="0" width="190" height="60"> <tbody><tr> <td style="padding-left: 0.1em;" align="left"> <b><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></b> <br> <b>Написал:</b> <a href="$PROFILE_URL$">$USERNAME$</a> <br> $MESSAGE$<br>[<a href="$ENTRY_URL$">Ответить</a>]<br><hr size="1" width="100%"></td> </tr> </tbody></table> &…
0 votes8 answers -
IE6 не воспринимает dispaly:block
Шестой ослик почему-то не хочет воспринимать display:block. Про косяк с display:inline-block наслышан, а вот про display:block слышу в первый раз. В чем может быть причина?
0 votes20 answers -
ajax не возвращает ответ
помогите пожалуйста исправить ошибку есть форма: <form class="form" action="#" method="post" name="request_form_0" id="request_form_0"> <div> <input class="input fld_name flds fld" id="fld_name_0" type="text" placeholder="*имя" name="fld_name" /> </div> <div> <input class="input fld_phone flds fld" id="fld_phone_0" type="text" placeholder="*телефон или email" name="fld_phone" /> </div> <div> <textarea class="textarea fld_message fld" id="fld_message_0" placeholder="*ваше собщение"></textarea> </div> <div> <input class="button fld_submit fld" id="btn_submit0" type="submit" value="Оставить з…
0 votes2 answers -
PHP. Инвалидный аргумент
Я приветствую всех кто сейчас это читает! Ребята, у меня такая вот проблема и я действительно не понимаю почему она есть.. Вот допустим я написал маленький скрипт: <?php$a = file("1.txt");$b = "\"".trim($a[0])."\"";$c = file($;echo "<pre>";print_r($c);echo "</pre>";?>В файле 1.txt на первой и единственной строке находится ссылка и этот файл в виде массива уходит в переменную $a где эта ссылка имеет ключ 0. Потом я в переменную $b заношу эту ссылку и убираю пробел справа (кстати, не понимаю откуда он там взялся) и затем уже добавляю ещё и кавычки. Получается в переменную $c должен попасть массив уже той страницы на которую была ссылка но этого не происход…
0 votes7 answers -
Высота слоя
Картина такая: http://rj.foto.radikal.ru/0708/5f/b08629c244a0.gif Есть невидимый слой. В него вложены два (три, четыре, пять, сколько угодно) слоя. Нужно чтобы высота самого нижнего вложенного слоя (на картинке - под номером 2) ВСЕГДА достигала родительского низа (высота родителя может меняться). Реально ли сделать такое?.. :'(
0 votes4 answers -
Explorer 7.0, color: LightGray
В начале страницы есть такая фраза: <style type="text/css"> td.lightGrayText{ color: LightGray; } </style> Далее, <td id="lgText1" class="lightGrayText"><fmt:message key="systemname"/></td> Mozilla делает текст светло-серым, Explorer игнорирует стиль. Это JSP страница, в роли контейнера выступает Веб-сфера портал сервер. Просматривая исходный код страницы через Mozilla или Explorer, можно найти описание стиля. Т.е. косяка при компиляции страницы - нет. Почему же Mozilla стиль видит, а Explorer считает возможным на него наплевать?
0 votes7 answers -
padding таблицы у ie6
Проблема такова: Есть интернет магазин. в него уже забит контент. В каждом описании товара есть таблица спецификаций. У неё есть класс. Забит в бд, везде одинаковый. Нужно чтоб сверху над таблицей была картинка. Решение для Firefox-a и Opera: table.ndSpecifications { padding-top: 30px; background: url('specifications.png') 0 0 no-repeat; } но вот незадача, ие не понял padding и получилось Заранее благодарен за помощь!!!
0 votes3 answers -
Кто должен делать адаптивность?
Вопрос на засыпку тем, кто работает в веб-студиях. Кто у вас делает макеты под планшеты/телефоны - дизайнер или верстальщик? Знаю, что есть разные мнения. Кто-то говорит, что это должен проектировать дизайнер. Кто-то, что достаточно версии для десктопа, а остальное и так понятно, и рисовать это ненужно, мол пользуясь тем же бутстрапом - там все элементы уже сделаны. Какого ваше мнение?
0 votes12 answers -
Таблицы едут
Помогите пожалуйста вот сайт: http://sportanalytic.com. При увеличении какой-то из ячеек таблицы все начинает ехать. Например так: http://sportanalytic.com/?category=press&a..._ostannogo_turu, все справа расстянулось. Как сделать так чтобы ячейки не реагировали на размеры других и оставались постоянного размера. Вот код таблицы: <table width="1000" border="1"> <tr> <td width="500" height="400"><?php echo LastNews2(1, false, 14, 100,185); ?></td> <td width="10"> </td> <td width="240">{ads2}</td> <td width="10"> </td> <td width="240">{ads}</td> </tr> <tr> <td colsp…
0 votes5 answers -
CSS, таблицы, фреймы...
Я только начинаю и вот сразу возникает вопрос при создании первой страницы. Нужно её разметить, как я поняла это называется макетирование(если не так, поправьте). Фреймами, вроде так получается лучше его не делать, таблицами также нежелательно, остаётся CSS? Вопрос в сущности в следующем, делать макетирование лучше только CSS(это оптимальный вариант для большинства браузеров?)? И когда лучше использовать фреймы и таблицы(для разметки)?
0 votes12 answers -
Наследование высоты блока
Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…
0 votes2 answers -
Верстка карты(Map, Area.)
Здравствуйте. На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано. По ходу дела меня заинтересовали следующее нюансы: 1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации. (Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!) (Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.) 2) какие механизмы упрощения построения(карт) существуют на сегодняшний день? (Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!)…
0 votes2 answers -
MARQUEE
Запихал в MARQUEE картинку. По этому поводу 2 вопроса: 1. как сделать что бы движение начиналось не из-за края страницы, а сразу с экрана, полностью заполненного картинкой 2. как сделать что бы картинка "упиралась" сама в себя, то есть при прокрутке, как только кончается картинка, сразу же впритык начиналась бы она-же, те по сути сымитировать кольцо.
0 votes3 answers -
Как убрать лишние
Есть документ html к нему подцеплена таблица css . В css очень много классов , и я имею мнение что половина из них лишних . Как убрать неиспользуемые не классы !? Или как наглядно посмотреть связки ? Маленькая вырезка из отчета проверки Dreamweaver : Я надеюсь - это не критично страшно 1. в теге img пропущены следующие обязательные атрибуты: alt[html 4.0] 2. Тег " p" допускает необязательный закрывающий тег. Закрывающий тег "table" закрывает контекст "p". Проверка продолжится как при закрытом контексте.[html 4.0] 3. Тег "td" не имеет атрибута "background" в активных версиях.[html 4.0] 4. "middle" не является допустимым значением атрибута "align" ни в одной из активных…
0 votes9 answers -
Раскройка Бекграунда.
Привет народ, есть такой вопрос: можно ли задавать ЧАСТИ изображения её положение в Бекгроунде?.. Так косноязычно получилось В общем проиллюстрирую: Есть такая картинка квадрат: Рисунок.1 Это цельная, не резаная картинка. Можно ли её както разделить с помощью CSS, чтобы получился вот такой эфект Бекгроаунд? : Рисунок.2 Хотелось бы такое реализовать, изза желания в разных углах одного блока, использовать разные элементы оформления. Если предварительно нарисовать всё на одном изображении. Поделитесь идеями народ! P.s. не дорисовал до конца repeat-x/y, чтобы было нагляднее.
0 votes13 answers -
Многоуровневое выпадающее меню на CSS
День добрый. Пытаюсь создать многоуровневое выпадающее меню. Пока, все устраивало. Но в IE 9 (другого нет, подскажите, где взять сборку версий без установки - буду благодарен), появились непонятные отступы. Почитал кучу статей, пробовал разные меню, но они не совсем подходят. Помогите, пожалуйста. Пример здесь Меню
0 votes1 answer -
Плавающее меню, с фиксацией вверху
не получается сделать вот такое фиксирующее меню, чтобы при пролистывании меню поднималось вверх и там фиксировалось вот пример сайта http://mattweb.ru/demo/fixed_menu/ в прикрепленных мои файлы float.html float.css
0 votes9 answers -
Не работает <audio>
Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка
0 votes2 answers -
Подскажите по музыке.
Захожу на сайту, играет музыка, хочу эту музыку себе на комп скачать. Как это можно сделать?
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-