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
-
Сафари 4 как-то странно сжимает табличку
Добрый день, помогите, пожалуйста, никак не могу побороть Сафари 4. Есть табличка: <table> <tr> <td style="width:8%"></td> <td style="width:62%;"> <p>какой-то там текст</p> </td> <td style="width:7%"></td> <td style="width:15%"></td> <td style="width:8%"></td> </tr> </table> Если у какой-то там текст сказать padding-left:24%; то при ресайзе окна (уменьшение по ширине) содержимое правых колонок начинает наезжать на левую большую колонку. Т.е. на указание ширины в 62% Сафари почему-то забивает. В других браузерах (ФФ, даже ИЕ8), такого эффекта не наблюдается. Вот к…
0 votes9 answers -
Галерея CSS transition
Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/
0 votes4 answers -
Перевод абсолютных велечин в относительные
Сейчас делаю так, верстаю в пикселях, потом перевожу в em, % и т.д. Но последнее время это стало напрягать. Поделитесь своими методиками перевода из абсолютных велечин в относительные, можно и софтом (калькуляторы, сервисы и т.д.). И могут ли в этом помочь препроцессоры? Буду премного благодарен.
0 votes16 answers -
помощь Перемещение текста во круг изображение html/css
Я новичок и не могу ни как разобраться , мне надо сделать что бы текст был по бокам картинки , но ни как не выходит , может как то исправить код , или что-то добавить в него . Кто знает как помогите. 1 и 2 картинка то что у меня. 3 то что должно получиться.
0 votes3 answers -
display: none в разных браузерах
Здравствуйте всем. Есть такой код <div style="display:none"> <img src="pict01.gif" /> </div> В ie6 работает нормально, а в опере 9 картинка все равно отображается.. Неужели в опере стили не наследуются от своего родителя? Спасибо!
0 votes3 answers -
Как реализовать указатель в меню
Собственно есть меню: http://kim-evgene.ucoz.ru/Temp/Test.html Надо сделать чтобы указатель (линия) был только до активного пункта, т.е. последующие пункты после активного должны быть уже без линии Я думаю это легко сделать через ява скрипт, только сам его совсем не знаю, к примеру: есть активный пункт меню с классом "this", скрипт проверяет, если у элемента ("li") класс не "this" то делает бордер слева, если "this" то так же делает бордер и + увеличивает какую-то специально созданную переменную на 1 (которая была равна до этого к примеру "0", и так же до этого проверялась в скрипте), и дальше скрипт уже видя что переменная равна "1" не делает бордер Подскажите, пожалуйст…
0 votes4 answers -
Кодировка в полях формы, которая сабмитится на другой сайт
Проблема в следующем: Имеем страницу в кодировке utf-8. На странице имеется форма, в которую вводятся названия городов (русскими буквами). Форма отсылает введенные данные на другой сайт. На сайте том кодировка windows-1251. Его CGI-скрипты не хотят обрабатывать данные в utf-8. Сайт чужой и повлиять на него не получается , а переводить исходную страничку на windows-1251 нельзя по определенным причинам. Вопрос в следующем: можно ли как-нибудь заставить браузер отправить данные из формы не в той кодировке, в которой закодирована сама страница с формой? Искал в гугле -- не нашел. Нашел только других людей, у которых была такая проблема, и они с ней не справились. Пробовал сде…
0 votes3 answers -
Верстка блоков
Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg Ниже код с шапки <div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div> #grekovlogo { background-color: #000; width: 207px; height: 84px; float: left; } #grekovtext { padding: 15px 45px; float: left; } #bar { background-color: red; width: 1072px; height: 30px; flot: left; } И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недав…
0 votes17 answers -
Горизонтальное меню. Зачем списки?
Во многих статьях рекомендуют делать горизонтальную панель навигации на основе списков. Для чего? <html><head><title>меню</title> <style> ul {margin: 0; padding: 0;} li {display: inline; list-style-type: none;} </style></head> <body> <ul> <li><a href="1.html">link1</a></li> <li><a href="2.html">link2</a></li> </ul> </body></html> Ведь можно написать просто: a {display: inline;} Единственное, что приходит в гоову для удобства тех, у кого браузер не поддерживает CSS: ссылки списком выглядят лучше чем в строчку.. Больше ничего в голову не приходит...
0 votes5 answers -
Картинки в таблице
Как сделать чтоб в таблице картинки сами подгонялись под размер ячейки а не наоборот
0 votes3 answers -
DOCTYPE
Здравствуйте! Написал 2 html страницы, после их валидации ужаснулся, в одной стронице 222 ошибки, в другой - 22. Писал вроде бы всё правильно, поэтому вопрос, какой DOCTYPE прописывать в начале? Скача мануал с сайта, оттуда скопировал следующий DOCTYPE: Что в нём не так? Или я действительно так много раз ошибся при написании страницы?
0 votes23 answers -
Текст отображается, как ссылка
Здравствуйте. При изучении HTML я столкнулся с проблемой. Я пытался сделать маркеры на странице и ссылки на них. Однако из-за этого весь текст выглядит, как одна большая ссылка. А если быть точнее, то начиная с "Глава 1 под линией и до конца, ссылка ведет на "el2". Помогите, пожалуйста разобраться с этим. Что тут не так?
0 votes3 answers -
div и table - совмещение
Доброго дня! Работая над одним проектом на первом этапе сверстал такое: прум-пум-пум... <div id="top"></div> <table><tr> <td></td> <td></td> <td></td> </tr></table> <div id="podval"></div> так как мучаться с позиционированием колонок не хочется. Есть довод: при уменьшении размера окна, колонки не бегут друг под друга, да с браузерами нет проблем в определении размеров дивов. Но при создании CSS под Печать колонки, насколько я знаю, ужать совсем (display:none) не удасться! И еще меня не оставляет идея. Весь текст находящийся ближе к началу страницы "весит" в поисковиках больше, хотя я не у…
0 votes1 answer -
Когда в 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 -
Как работает height в CSS
Не могу понять какая логика работы свойства height в ниже приведенном примере. table.main { position: absolute; width: 100%; height: 100%; border-collapse: collapse; } Только после добавления position: absolute таблица начинает слушаться и растягивается на всю высоту, хотя width работает корректно в обоих случаях. Без position таблица игнорирует height: 100%, но вполне нормально слушается height: 500px. Подскажите, где я не дочитал учебники?
0 votes21 answers -
Горизонтальные полоски в заголовке
Где-то видел статью как сделать такое, там еще линии были прозрачнее. Может кто-то ссылкой поделиться?) или кодом)
0 votes1 answer -
Как убрать рамку вокрук img
При просмотре сайта через google chrome и ie, у меню появляются серые рамки вокруг изображений. Как их можно убрать? border:none; outline:none; не помогают. Адрес сайта: http://global-plast.ru/ тьфу, нашел. Сделал <img, не вставил в него src, а сделал background-image
0 votes1 answer -
Длинный фон
Добрый день. Подскажите как сделать длинный фон, точнее два фона) То есть что бы после первого фона, продолжался сразу второй) Пример
0 votes5 answers -
Проблема с hover в браузере Chrome
Добрый день. Столкнулся со странной ситуацией: В главном верхнем меню сайта aviado.ru, при наведении мышкой на выпадающее меню, значение hover (background: #be1d1d url(images/back_menu_hover.png) repeat-x top left;) не до конца заполняет область раздела (см. скриншот). Любопытно, что в других браузерах (Firefox, Yandex, Opera) всё работает корректно, включая мобильные браузеры. Собственно и в Chrome все работало корректно, до версии 45.0.2454.85 m. Нюанс: такой косяк происходит только с выпадающим меню, т.е в тех областях, где меню не выпадает, а просто кнопка, заполнение происходит нормально. Проблема была диагностирована на 5 компьютерах под управлением Wi…
0 votes4 answers -
Отображение страницы на retina
Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…
0 votes4 answers -
Можно ли сайт только на HTML согласовать с Apache
Можно ли сайт только на HTML затем согласовать с Apache, что бы реализовать функцию форума ?
0 votes8 answers -
Дайте совет, все ОК, только менью . . .
Вот та страница сайта над которым работаю. t a m c r e d i t . g e / f i n a n c i a l . h t m (без пробелов) Я хочу переделать вес сайт, чтобы все страницы были с такими же играющими цветом меню. Все вроде бы вставила, но вот с шириной не могу справится, как поступит, чтобы и меню было резиновой.
0 votes3 answers -
ИЕ8, лайтбокс и прозрачный input
Делаю лайтбокс с затемнением страницы. Кладу на него кастомный инпут. Кастомный = с закругленными краями, с тенями: <div class="myinput"> <div class="left_side"></div> <div class="right_side"></div> <input /> </div> и всё тип-топ везде, кроме лайтбокса в ИЕ8. В нём, из-за того что для инпута прописано background:transparent; (а иначе инпут белым прямоугольником будет перекрывать все закругления и тени) этот самый инпут становится не просто прозрачным, но образует дырку в лайтбоксе. То есть в области инпута становятся доступными элементы (ссылки например), которые лежат ПОД лайтбоксом на недоступной странице . Вот такая ес…
0 votes1 answer -
чёртов DOCTYPE, не работает линк на css
Это так и должно быть или я что-то не так делаю прописываю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> и css не загружаеться <link type="text/css" href="style.php"> как только доктайп убираю всё нормально, css загружается
0 votes6 answers -
какую кнопку использовать?
Привет! Продолжаю верстать свой первый сайт) Параллельно изучаю jquery. Написал блок с выезжающим текстом. По умолчанию показана только часть текста...потом кликаем на кнопку/надпись - блок раздвигается вниз и мы видим весь текст так вот вопрос...какую кнопку/надпись использовать чтобы человек точно знал что произойдёт - а именно - блок развернётся на этой же странице. "Развернуть" какой то колхоз...может просто кнопку со стрелкой вниз? как, интуитивно?
0 votes7 answers