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
29,542 questions in this forum
-
и опять отступы..
в ie для немаркированного списка появляются отступыПосетить мою домашнюю страницу в каталоге товаров. пункты заданы картинками (для целей seo)
0 votes3 answers -
Проблема с float
есть трехколоночный макет, вот часть кода, с которым возникла проблема - блоки должны ити горизонтально, но почему-то сползли и расположены вертикально: <div id="main"> <div style="float: left;"> <div style="height: 48px; width: 209px; background-image: url('{THEME}/images/box_header.jpg');"></div> <div style="height: 200px; width: 183px; margin-left: 13px; background-image: url('{THEME}/images/box_background.jpg');"></div> </div> <div style="margin-left: 10px; float: left;"> <div style="height: 63px; width: 57px; background-image: url('{THEME}/images/content_top_left.jpg'); float: left;"></div> <…
0 votes14 answers -
Создание "подсказки"
Приветствую! и прошу сразу не закидывать помидорами))) Задача: создать такую штучку - картинка с восклицательным знаком + текст в красной рамке с скругленными углами Как это сделать?! Мой способ, кажется.. ой-как сильно кажется, что нерационален.. <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="60"> </td> <td><img src="http://garant-vrn.ru/img/podskazka/uvl.gif" width="15" height="15" border="0" /></td> <td width="100%"><img src="http://garant-vrn.ru/img/podskazka/vgp.gif" width="100%" height="15" border="0" /></td> <td><img src="http://garant-vrn.ru/img/podskazka/…
0 votes16 answers -
Как сделать такое меню
Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich Что мне нужно: - Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?) - между пунктами меню есть растояние
0 votes11 answers -
Помогите с банальным меню и css
Ребята, мне надо сделать горизонтальное меню. Пробовал уже валом разных методов, но у меня наверное где-то допущена ошибка. Подскажите как решается такая проблема. Да так, что бы во всех браузерах было одинаково. Нормально отображается в chrome, firefox, но в IE - вообще маразм. Может можно это сделать проще? ширина сайта 1024px ширина меню (от первой до последней буквы) 927px код html: <div class="main"> <div class="men"> <ul class="menu"> <li class="novosti1"><a href="#"</a>новости</li> <li class="biografia1"><a href="#"</a>биография</li> <li class="embed1"><a href="#"</a>embed<…
0 votes17 answers -
как сверстать такое?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как сверстать так чтобы при сужения окна браузера боковые картинки ”заежали” за видимую часть окна, а при увеличении ширины центральная часть растягивалась?
0 votes17 answers -
Подменю исчезает при наведении
Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?
0 votes4 answers -
иконка сайта в адресной строке
кто нибудь делал иконку по этому уроку? http://htmlbook.ru/faq/?a=28 я уже и закачала в корень сайта и линк его сделала...... ну никак не получается.
0 votes5 answers -
Ссылки уходят вниз
Вот страница http://www.online.ukrworld.net/about.php Там внизу есть ссылки О сайте, помошь и т.д... В опере все нормально.. в мозиле они почему-то уползают вниз.. подскажите пожалуйста как это исправить?
0 votes4 answers -
Когда в IE EM, он глух и нем...
В общем, заурядная задача - сделать между абзацами с 11-пиксельным шрифтом 5-пиксельный отступ - превратилась в... интересную, когда понадобилось исправить пиксели на em-ы (угу, ради 6-го IE, чтоб ему... . 5 на 11 нацело не делится, получается 0,(45). В FF3 и Опере 9 прекрасно работает округление до тысячных - margin: 0.455em 0. На целой странице в два экрана текста - ни пикселя расхождения. А вот в IE (пробовал на 8-м, в режиме 7-го и в новейшем) примерно каждый третий-четвертый абзац слипаются на пиксель ближе. Потому что (как показывают Developer Tools) реально используется значение отступа 0.45em - третий знак тупо отбрасывается. Если через хаки подставить 0.46em (окр…
0 votes5 answers -
Проблемка с clear ((
Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …
0 votes14 answers -
overflow:auto и высота 32767px
Понадобилось вывести блок с текстом, который имел бы свойство overflow:auto, но скроллился бы только по ширине. Сделал блок с заданной шириной, не заданной высотой и overflow:auto. Всё хорошо, но как только размер выводимых данных превышает 32767px по высоте, то дальше данные перестают отображаться, хотя, скажем если там есть ссылки, то нах можно навести и кликнуть, где то в белом пустом поле. То есть блок тянется на нужную высоту, но ничего не отображает. Баг есть в браузерах FF до версии 3,6, всех версий Opera и IE до 8го. Кто нить знает, как это можно исправить, не прибегая к органичению высоты блока?
0 votes5 answers -
Плавающее меню, с фиксацией вверху
не получается сделать вот такое фиксирующее меню, чтобы при пролистывании меню поднималось вверх и там фиксировалось вот пример сайта http://mattweb.ru/demo/fixed_menu/ в прикрепленных мои файлы float.html float.css
0 votes9 answers -
Назойливая реклама в шапке сайта
Используя плагин юблок в хроме, не могу отредактировать/скрыть шапку с рекламой, уж очень она большая, после тега <body> идет вставка <rn4ektoe3p> что эта за хрень я не понимаю, причем она каждый раз генерируется по-новой, так что зацепиться не получается, включая body :first-child . Что с этим можно сделать? Скрытый текст <rn4ektoe3p><rcqqqlgy0i><style>.traforet-br-logo { background: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAeCAYAAAB+HcFlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5U…
0 votes9 answers -
как вписать iframe, не зная его размеры, в td
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <head> <title>main</title> </head> <body> <table style="width: 100%; " cellspacing="0" cellpadding="0" border="1"> <tr> <td style="background-color: green"> <iframe id="IFrame1" name="IFrame1" src="iframe1.html" hspace="0" vspace="0" frameborder="0" border="0" framespacing="0" marginwidth="0" marginheight="0" style="border-style: solid; border-width: 0px; width: 100%; height: 100%" width="100%" height="100%"></iframe> </td> </tr> <…
0 votes3 answers -
Как верстать для мобильных устроств?
Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме
0 votes10 answers -
"Лишняя" остаточная ширина блока при переносе слов на новую строку
Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)
0 votes5 answers -
Фиксированное (плавающее) горизонтальное меню. Скрипт.
Добрый день Ребят, прошу помощи. Делаю курсовую. Нужно создать учебник по телекоммуникационным компьютерным сетям. Скачал шаблон. Всё хорошо. Есть горизонтальное меню. Его нужно зафиксировать чтобы оно "плавало" вместе со скроллом. Нужен такой результат Пока только так получилось: http://tks.zz.mu/index-3.html Нашел скрипт: //режим отображения шапкиvar min = false;//изначально шапка в обычном режиме$(document).scroll(function() { if($(document).scrollTop()>30&&!min) { //изменение свойств шапки $(".line2, .line2_b").css('height','35px'); $(".line2").css('position','fixed'); $(".line2").css('top','0'); $(".line2").cs…
0 votes2 answers -
Единицы измерения при адаптивной верстке.
Добрый день! Помогите кратким ликбезом: какие сейчас единицы измерения и в каких случаях используются при адаптиве? При выполнении тестового проекта я использовал проценты и пиксели... собственно, все по Макфарланду за 2014й год... Результат, вроде, соответствовал требованиям, но забраковали по нескольким причинам. Одно из нареканий было: использование некорректных единиц измерения при адаптиве. Я пытался найти сам... но запутался. Одни топят за vh,vw, другие за em,rem. Хотя, на сколько я помню, последние чисто для текста...
0 votes1 answer -
как запустить скрипт для игры в шахматы,,,?
уважаемые господа,нашёл скрипт для игры в шахматы-установил Денвер-разместил в каталоге-не могу вызвать этот скрипт из файла index.html_помогите,кто что знает-благодарен буду очень надо-хочу построить шахматный сайт кто знает как мне вызвать выполнение скрипта из под index.htm??? куда вставлять строки ,начинающиеся с var????
0 votes8 answers -
Содание страницы с расстановкой текста
Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.
0 votes16 answers -
Вертикальное выравнивание
Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…
0 votes12 answers -
тэг <input>
Всем привет, в чем может быть проблема, в разных браузерах тэг <input> отображается поразному, например для IE.8 size="80" хорошо вписывается в нужное место, но в браузерах Firefox или safari поле становится намного длиннее, если size уменьшить т.е вписать это поле для оперы то в IE оно становится коротким. Что такое может быть и как с этим бороться? Спасибо Код поля: <input type="text" size="80" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring|replace:'"':'"'|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.cons…
0 votes9 answers -
Передать данные из PHP в XML - возможно ли?
Здравствуйте, у меня есть ряд PHP переменных вида $example = '123'; $example1 = '321'; Каким образом эти данные можно передать в xml-документ? И возможно ли это?
0 votes12 answers -
Текст отображается, как ссылка
Здравствуйте. При изучении HTML я столкнулся с проблемой. Я пытался сделать маркеры на странице и ссылки на них. Однако из-за этого весь текст выглядит, как одна большая ссылка. А если быть точнее, то начиная с "Глава 1 под линией и до конца, ссылка ведет на "el2". Помогите, пожалуйста разобраться с этим. Что тут не так?
0 votes3 answers