HTML Coding

29542 questions in this forum

1. Сафари 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), такого эффекта не наблюдается. Вот к…

   Asked by ХОЛОДный, June 30, 2010

   0 votes
   9 answers
2. Галерея CSS transition

   Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/

   Asked by Delat, November 9, 2014

   • transition
   • галерея
   • Галерея CSS
   0 votes
   4 answers
3. Перевод абсолютных велечин в относительные

   Сейчас делаю так, верстаю в пикселях, потом перевожу в em, % и т.д. Но последнее время это стало напрягать. Поделитесь своими методиками перевода из абсолютных велечин в относительные, можно и софтом (калькуляторы, сервисы и т.д.). И могут ли в этом помочь препроцессоры? Буду премного благодарен.

   Asked by Vlad02, April 16, 2015

   0 votes
   16 answers
4. помощь Перемещение текста во круг изображение html/css

   Я новичок и не могу ни как разобраться , мне надо сделать что бы текст был по бокам картинки , но ни как не выходит , может как то исправить код , или что-то добавить в него . Кто знает как помогите. 1 и 2 картинка то что у меня. 3 то что должно получиться.

   Asked by Darsic, February 14, 2018

   • верстак
   • html
   • css
   • новичк
   0 votes
   3 answers
5. display: none в разных браузерах

   Здравствуйте всем. Есть такой код <div style="display:none"> <img src="pict01.gif" /> </div> В ie6 работает нормально, а в опере 9 картинка все равно отображается.. Неужели в опере стили не наследуются от своего родителя? Спасибо!

   Asked by a_web, October 1, 2007

   0 votes
   3 answers
6. Как реализовать указатель в меню

   Собственно есть меню: http://kim-evgene.ucoz.ru/Temp/Test.html Надо сделать чтобы указатель (линия) был только до активного пункта, т.е. последующие пункты после активного должны быть уже без линии Я думаю это легко сделать через ява скрипт, только сам его совсем не знаю, к примеру: есть активный пункт меню с классом "this", скрипт проверяет, если у элемента ("li") класс не "this" то делает бордер слева, если "this" то так же делает бордер и + увеличивает какую-то специально созданную переменную на 1 (которая была равна до этого к примеру "0", и так же до этого проверялась в скрипте), и дальше скрипт уже видя что переменная равна "1" не делает бордер Подскажите, пожалуйст…

   Asked by Kim, April 10, 2008

   0 votes
   4 answers
7. Кодировка в полях формы, которая сабмитится на другой сайт

   Проблема в следующем: Имеем страницу в кодировке utf-8. На странице имеется форма, в которую вводятся названия городов (русскими буквами). Форма отсылает введенные данные на другой сайт. На сайте том кодировка windows-1251. Его CGI-скрипты не хотят обрабатывать данные в utf-8. Сайт чужой и повлиять на него не получается , а переводить исходную страничку на windows-1251 нельзя по определенным причинам. Вопрос в следующем: можно ли как-нибудь заставить браузер отправить данные из формы не в той кодировке, в которой закодирована сама страница с формой? Искал в гугле -- не нашел. Нашел только других людей, у которых была такая проблема, и они с ней не справились. Пробовал сде…

   Asked by Sochog, January 3, 2009

   0 votes
   3 answers
8. Верстка блоков

   Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: 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 засунуть или, я недав…

   Asked by Дуня, November 29, 2009

   0 votes
   17 answers
9. Горизонтальное меню. Зачем списки?

   Во многих статьях рекомендуют делать горизонтальную панель навигации на основе списков. Для чего? <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: ссылки списком выглядят лучше чем в строчку.. Больше ничего в голову не приходит...

   Asked by kbv79, December 13, 2007

   0 votes
   5 answers
10. Картинки в таблице

    Как сделать чтоб в таблице картинки сами подгонялись под размер ячейки а не наоборот

    Asked by AzatSh, September 30, 2008

    0 votes
    3 answers
11. DOCTYPE

    Здравствуйте! Написал 2 html страницы, после их валидации ужаснулся, в одной стронице 222 ошибки, в другой - 22. Писал вроде бы всё правильно, поэтому вопрос, какой DOCTYPE прописывать в начале? Скача мануал с сайта, оттуда скопировал следующий DOCTYPE: Что в нём не так? Или я действительно так много раз ошибся при написании страницы?

    Asked by Feers1de, May 10, 2011

    0 votes
    23 answers
12. Текст отображается, как ссылка

    Здравствуйте. При изучении HTML я столкнулся с проблемой. Я пытался сделать маркеры на странице и ссылки на них. Однако из-за этого весь текст выглядит, как одна большая ссылка. А если быть точнее, то начиная с "Глава 1 под линией и до конца, ссылка ведет на "el2". Помогите, пожалуйста разобраться с этим. Что тут не так?

    Asked by Orvyn, September 28, 2014

    0 votes
    3 answers
13. div и table - совмещение

    Доброго дня! Работая над одним проектом на первом этапе сверстал такое: прум-пум-пум... <div id="top"></div> <table><tr> <td></td> <td></td> <td></td> </tr></table> <div id="podval"></div> так как мучаться с позиционированием колонок не хочется. Есть довод: при уменьшении размера окна, колонки не бегут друг под друга, да с браузерами нет проблем в определении размеров дивов. Но при создании CSS под Печать колонки, насколько я знаю, ужать совсем (display:none) не удасться! И еще меня не оставляет идея. Весь текст находящийся ближе к началу страницы "весит" в поисковиках больше, хотя я не у…

    Asked by Centurion, August 10, 2007

    0 votes
    1 answer
14. Когда в 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 (окр…

    Asked by SelenIT, February 12, 2009

    0 votes
    5 answers
15. Как работает height в CSS

    Не могу понять какая логика работы свойства height в ниже приведенном примере. table.main { position: absolute; width: 100%; height: 100%; border-collapse: collapse; } Только после добавления position: absolute таблица начинает слушаться и растягивается на всю высоту, хотя width работает корректно в обоих случаях. Без position таблица игнорирует height: 100%, но вполне нормально слушается height: 500px. Подскажите, где я не дочитал учебники?

    Asked by loggerserg, March 2, 2011

    0 votes
    21 answers
16. Горизонтальные полоски в заголовке

    Где-то видел статью как сделать такое, там еще линии были прозрачнее. Может кто-то ссылкой поделиться?) или кодом)

    Asked by like2dev, December 14, 2011

    0 votes
    1 answer
17. Как убрать рамку вокрук img

    При просмотре сайта через google chrome и ie, у меню появляются серые рамки вокруг изображений. Как их можно убрать? border:none; outline:none; не помогают. Адрес сайта: http://global-plast.ru/ тьфу, нашел. Сделал <img, не вставил в него src, а сделал background-image

    Asked by GLeBaTi, June 26, 2012

    0 votes
    1 answer
18. Длинный фон

    Добрый день. Подскажите как сделать длинный фон, точнее два фона) То есть что бы после первого фона, продолжался сразу второй) Пример

    Asked by kirill1059, August 24, 2014

    • фон
    • длинна
    0 votes
    5 answers
19. Проблема с 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…

    Asked by whyayeman, September 11, 2015

    • CSS
    • hover
    • chrome
    • repeat-x top left
    0 votes
    4 answers
20. Отображение страницы на retina

    Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…

    Asked by babuya, March 14, 2016

    • retina
    • css
    • help
    0 votes
    4 answers
21. Можно ли сайт только на HTML согласовать с Apache

    Можно ли сайт только на HTML затем согласовать с Apache, что бы реализовать функцию форума ?

    Asked by Andrey Taborin, November 29, 2007

    0 votes
    8 answers
22. Дайте совет, все ОК, только менью . . .

    Вот та страница сайта над которым работаю. t a m c r e d i t . g e / f i n a n c i a l . h t m (без пробелов) Я хочу переделать вес сайт, чтобы все страницы были с такими же играющими цветом меню. Все вроде бы вставила, но вот с шириной не могу справится, как поступит, чтобы и меню было резиновой.

    Asked by Dobo, May 22, 2009

    0 votes
    3 answers
23. ИЕ8, лайтбокс и прозрачный input

    Делаю лайтбокс с затемнением страницы. Кладу на него кастомный инпут. Кастомный = с закругленными краями, с тенями: <div class="myinput"> <div class="left_side"></div> <div class="right_side"></div> <input /> </div> и всё тип-топ везде, кроме лайтбокса в ИЕ8. В нём, из-за того что для инпута прописано background:transparent; (а иначе инпут белым прямоугольником будет перекрывать все закругления и тени) этот самый инпут становится не просто прозрачным, но образует дырку в лайтбоксе. То есть в области инпута становятся доступными элементы (ссылки например), которые лежат ПОД лайтбоксом на недоступной странице . Вот такая ес…

    Asked by RoleXXX, October 27, 2009

    0 votes
    1 answer
24. чёртов 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 загружается

    Asked by gradus, January 16, 2011

    0 votes
    6 answers
25. какую кнопку использовать?

    Привет! Продолжаю верстать свой первый сайт) Параллельно изучаю jquery. Написал блок с выезжающим текстом. По умолчанию показана только часть текста...потом кликаем на кнопку/надпись - блок раздвигается вниз и мы видим весь текст так вот вопрос...какую кнопку/надпись использовать чтобы человек точно знал что произойдёт - а именно - блок развернётся на этой же странице. "Развернуть" какой то колхоз...может просто кнопку со стрелкой вниз? как, интуитивно?

    Asked by andys, May 10, 2011

    0 votes
    7 answers