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
-
IE7-8, border-radius, background
Помогите разобраться, почему в IE8 версии, крайний бордер "корявый" получается, в IE7 все ок. И еще, не могу понять, почему при ховере на ссылки беграунд разный, у первой ссылки и у всех остальных, это в IE7,8 версиях. пруф линк
0 votes9 answers -
Ссылаемое изображение по центру экрана
Как, при помощи команд HTML или SCC, разместить ссылаемое изображение (имею ввиду не изображение-ссылку, а изображение на которое ссылается ссылка-изображение) по центру основного окна браузера? В Firefox по умолчанию оно размещается по центру, а в других брузерах - с левой стороны! Вот ссылка на страницу перед нажатием на ссылку-изображение - http://www.sfgkolos.com/rebro.html
0 votes5 answers -
Уходит блок, помогите!
Вот исходники. http://jsfiddle.net/Qyg22/ Почему выезжает самый последний блок ? я ему дал отлайн желтого цвета. Он должен быть в правом блоке, но уходит в самый низ, помогите решить проблему!
0 votes16 answers -
как задать ширину пункта третьей вложенности в меню ?
я не разбираюсь в сложных селекторах (( Нужно задать большую ширину пунктам, простое прописывание width ничего не дало. но если чтото меняешь ширину пунктов второго уровня, вот здесь #topmenu li li a, #topmenu li.active li a{ width: 162px; ......} то меняется и третий, а как прописать для третьего отдельно? вот такой код меню третьего уровня, если верить комментарию... /** Level third and above **/ #topmenu li li li:first-child { margin-top: 0px; } #topmenu li ul ul { margin: -40px 0 0 200px; } #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul { left: -999em; } #topmenu li:hover ul, #to…
0 votes10 answers -
Затык с Flex
Коллеги, помогите, пожалуйста. Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3 Спасибо.
0 votes1 answer -
Какой хостинг под блог выбрать?
Доброго времени суток всем! С некоторого времени начал изучать вёрстку сайтов. И наконец решил сделать свой первый сайтик. И выбор пал на сайт типа блог. Сайт то я сделал, а вот с выбором хостинга появились проблемы. Вначале я так думаю посетителей будет не очень много. Да и неизвестно, когда их станет много. Вот я и подумал брать бесплатный хостинг бессмысленно. Значит нужен платный. Но для начала хотелось бы выбрать какой-нибудь недорогой хостинг, там с оплатой 200-300 рублей в месяц ( ну максимум до 500). А уж потом, если сайт раскрутится перенести его на более крутой хостинг. Просто не люблю тратить деньги, если не уверен в их окупаемости. Не подск…
0 votes4 answers -
Проблема с объединением ячеек сложной таблицы
Добрый день! Помогите решить проблему. При объединении ячеек, остается пустой <tr>, без <td> внутри него и из-за этого не происходит объединения правильно. Вот пример, нужно объеденить в ряде 2 - ячейку 1 и в ряде 3 - ячейку 1. Пример - https://jsfiddle.net/ra9n2tu6/
0 votes5 answers -
Подскажите как сверстать данный элемент
Тут есть тени, градиент, закругленные углы, и выпуклая верхняя часть. С тенями, градиентом, и нижней частью проблем нет, но вот как реализовать верхнюю часть - ума не приложу. border-radius c параметрами через "/" не дает резкого закругления по краям, псевдоэлементами придется подгонять диагональный градиент, что при адаптации создаст кучу гемороя. Картинкой сделать нельзя так как содержимое может меняться. Есть какое-то менее болезненное решение чем через псевдоэлементы?
0 votes6 answers -
Как сверстать
Как правильно сверстать данный элемент? Если делать через :before/:after, то с адаптивом возникают проблемы, так как чтобы заадаптивить, приходится ловить пиксели, на котором нужно менять позицию данного элемента. Я не думаю, что это правильное решение .
0 votes8 answers -
table + iframe -> broken height?..
Стоит следующая задача (на которой я обломался): необходимо в ячейке таблицы развернуть ПОЛНОСТЬЮ фрейм. Таблица состоит из двух ячеек (в одну строку). Ширина первой ? фиксирована, высота не имеет значения. Вторая ячейка: ширина не имеет значения, высота должна равняться строго высоте содержимого фрейма. Как такое организовать? Относительные размеры ведутся только по отношению к высоте отображаемой области, указание точных размеров тоже плохой вариант. Кто подскажет ? как быть? <html> <table width="100%" align="left" border=0 bgcolor=#b0f0e0 frame="void" rules="none" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="190">any text &…
0 votes0 answers -
Maps Google на сайте
Здравствуйте! Подскажите, пожалуйста, как подключить карту гугла на сайт? Как загрузить в карту данные? Пробую, но выходит ошибка что-то с "c:" либо страна указана не правильно.. Может кто-то настраивал?
0 votes1 answer -
Горизонтальное меню на <li> для резиновых сайтов. Проблема с броузерами.
Всем доброго времени суток. Такая проблема: Нужно сделать резиновый сайт с горизонтальным меню. Сделал шапку и меню. Проблема в том, что горизонтальное меню, основанное на LI, может бесконечно ужиматься, пока все LI не заползут друг на друга. Соответственно, мне нужно задать некий предел, до которого можно ужиматься (зависит от того, насколько ужимается шапка. Если-бы дело было с таблицами, то я бы просто вставил в каждый LI распорку (белую картинку нужной мне длинны и высотой в 1PX) и тогда-бы ячейка не ужималась, но когда я вставляю распорку в LI, ужимается. Так ведет себя FireFox. В IE6 распорки действуют, но всплывает другая проблема: Если сжимать страницу так, чтобы …
0 votes0 answers -
замена тега iframe
помогите пожалуйста, на что можно заметить <iframe> чтобы внутри не открывалась новая страница и тоже был ползунок (вот как тут www.aimmachine.narod.ru новостной фрейм, только чтобы в нем не открывалась другая страница) извините, что корявым языком написал, заранее спасибо
0 votes2 answers -
Ищу скрипт фотогалереи
Ищу скрипт фотогалереи Скрипт должен быть максимально простым, без всяких наворотов.
0 votes1 answer -
Проблема с отображением страницы
Доброго времени суток. В первый раз решил сверстать сайт div'ами и +резиновый. Сделал пока только шаблон одной страницы, проверил на валидность xhtml 1.0 и css...результат оказался положительным, ошибок не обнаружено Но вот решил проверит как страница стягиваеться, тут то и появилась проблема. При уменьшении окна браузера все блоки начинают рассыпаться кто куда. HTML: <!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" xml:lang="en" lang="en"> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows…
0 votes6 answers -
HTML таблица.
У меня есть три вопроса... Первый вопрос: Вот например сделал простое меню, скриншот: меню построено на таблице, таблицу я сделал с округлением, и внизу градиент. проблема в том, что картинка-градиента выходит за границу округленный краёв (см. на скриншоте.), можно это как нибудь исправить? Доп. данные: Округление сделано с помощью border-radius. CSS картинки-градиента: background-image:url('img/menu-gr.gif'); background-repeat: repeat-x; background-position: left bottom; Второй вопрос: Округленные краёв в таблице не поддерживаются в браузере IE, и они там простые-квадратные, есть какой-то код который будет поддерживать их в IE? На других форумах находил такой код: be…
0 votes9 answers -
Из Joomla в html
Здравствуйте! Подскажите пожалуйста, как перенести страницы сайта из Joomla в html, так как там верстать и править сат удобнее и доступнее. Тормозит ли наличие движка продвижение по запросам сайта?
0 votes6 answers -
Черты профессиональной верстки и немного кода.
Приветствую всех посетителей форума.Собственно, сабж: Уже около года более-менее постоянно занимаюсь версткой(CSS+HTML+jQuery).Фриланс, разовая работа,помощь друзьям.Учился всему сам. Довольно часто заказчики кидают ссылки на крупные, добротные сайты, с просьбой "сделать как там".Ну и что уж греха таить,иногда внаглую копипащу код оттуда, и подгоняю под запросы заказчиков. Заметил, что на качественных сайтах верстка, скажем так, "усложнена"(не знаю какое слово подобрать ) Чтобы было понятнее, приведу кусок кода, взятый из формы. <div class="inputText" style="width:150px;"> <i> <b> <input type="text" name="phone" id="phone_number" value=""> …
0 votes12 answers -
Слетают стили у select'а
Здравствуйте! Возникает проблема при работе с select'ом. Стиль select изменен с помощью скриптов. При генерации кода получается следующее: <select class="selectBox" name="PERSONAL_GENDER" style="display: none;"> <option value="">(неизвестно)</option> <option selected="SELECTED" value="M">Мужской</option> <option value="F">Женский</option> </select> <a class="selectBox selectBox-dropdown" style="width: 469px; display: inline-block; -moz-user-select: none;" title="" tabindex="0"> <span class="selectBox-label" style="width: 425px;">Мужской</span> <span class="selectBox-arrow"></span> </a> …
0 votes0 answers -
Ротатор как здесь
На этом сайте http://www.teohim-ek.ru/ в шапке 4 картинки, которые последовательно, друг за другом меняются. Подскажите подобный скрипт? Не 4 ротатора ведь ставить туда, правда?
0 votes4 answers -
Что озночают эти стрелки в картинке ?
Читаю статью на этом сайте http://taligarsiel.com/Projects/howbrowserswork1.htm И возник вопрос: Там где заголовок с названием The browser's high level structure есть картинка. Что означают эти стрелки ?
0 votes0 answers -
Модульная сетка на flex
Используя flex хочу построить сетку с модулями (скрин) Скрытый текст пробовал изменять расположения вдоль главной и поперечной оси, не смог добиться расположения как на скрине код здесь - https://codepen.io/viliksar/pen/dKvZgV?editors=1100
0 votes1 answer -
Выравнивание таблицы влево
Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw
0 votes1 answer -
Как сверстать такой шаблон?
или хотя бы такой: Прошу почитать мою тему на демиарте по этому вопросу, чтоб не советовать одно и тоже... http://demiart.ru/forum/index.php?showtopic=86102
0 votes3 answers -
текст поверх картинки
Доброго времени суток. Подскажите пожалуйста С краю имеются картинки, спозиционированные с помощью стиля #sun { position:absolute; top:100px; right:0px; height:350px; width:250px; background-image:url("images/sun.jpg"); } в тело добавляю его <span id="sun"> </span> Посредине таблица с текстом, если масштабировать окно браузера, то картинка наезжает на таблицу и перекрывает текст... Вопрос можно ли сделать чтобы картинка шла за текстом-таблицей или же может другими способами решить эту проблему? Спасибо
0 votes4 answers