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
-
Вопрос о кросс-браузерности:
Здравствуйте. Возможно эта тема уже поднималась, признаюсь, я плохо искал :| Суть вопроса проста, стоит ли использовать "хаки" для достижения кроссбраузерности или лучше придерживаться альтернативных решений в оформлении? И вообще, на сколько часто вы ими пользуетесь при создании оформления сайта? У меня в свое время была идея выдавать html код в зависимости от используемого клиентом браузера (по средствам php), на сколько популярно такое ненормальное решение? К минусам хаков еще могу сказать, они не всегда поддаются валидности; и опять же, новые браузеры (к примеру Опера) иногда их не поддерживают. Заранее спасибо.
0 votes2 answers -
как добавить якорь?
есть ссылки index.php?id=1 как правильно добавить якорь к ссылке, что он находил эту страницу и открывал раздел страницы, где указан якорь?
0 votes2 answers -
100% высота таблицы в таблице (XHTML)
С разворачиванием таблицы во весь экран, я разобрался, а таблица в таблице никак не хочет разворачиваться в полностью доступное место, возможно ли это сделать? не помогает ни min-height ни маржини ни падигни =), скрипт если только, доктайп XHTML 1.0 Transitional
0 votes2 answers -
определение координат coords
Привет. вот везеде пишут про coords. вводите там координаты и у вас может быть ссылка на файл или связана с действием. Но извините, а если у меня часть карты нестандартной формы многотыссечныйугольник, как мне посчитать все эти координаты? Не вручную конечно же) Начал вопрос искать в поисковиках, дак ничего нет, все у нас самые умные и пишут что в dreamweaver всё есть, пользуйтесь им. Я все обшарил в этом редакторе. Ну нету там такого, что бы я вставил картинку, а он мне отобразил потом все координаты для моей фигуры. Ребят, подскажите, где это делается или может подход другой. или может действительно проги есть?(хотя сомневаюсь)
0 votes2 answers -
К чему привязать подвал?
Уже два дня думаю, как реализовать подвал. Вопрос весьма живой, но мне, пока, не поддающийся. Суть вот в чём. Возьмём к примеру такую страницу. Структура её такова: первым идёт верхняя картинка с параметром margin-bottom:-500px для позиционирования статьи; меню слева (включая графический адресный блок и картинку с рукой под ней) сделано таблицей и имеет позиционирование absolute, то есть исключено из общего потока. Сейчас колонка меню длиннее статьи и выходные данные внизу (будем называть их подвалом, ибо возможно будут ещё элементы и подвал должен быть по ширине сайта) я внедрил в неё, но если наполнить статью справа, то эти данные, конечно же, так и останутся под карти…
0 votes2 answers -
Предзагрузчик картинок
С Наступающим вэбмастеры у меня к вам есть вопрос. У меня на ссылке стоит изображение(прописано в стилях), при наведении мышкой на область изображение в стиле меняется, но вот дилема, секунду или 2 оно просто загружается, прям как бельмо на глазу. Я видел здесь такую тему и не забил в закладки и теперь вот не могу найти, форумчане помогите пожалуйста. Спасибо за внимание.
0 votes8 answers -
Текстовое поле
Вот я создал текстовое поле шириной-380 пикс.,высотой-68пикс. Потом попробовал что-нибудь напечатать:навёл курсор на поле нажал его и у меня палачка встала по середине(по высоте) поля.И только там печатает .Непонятно.Как сделать ,чтоб всё было нормально?
0 votes18 answers -
вред float'a
Всем привет! Изучаю семантику, и вычитала на сайте у одного из отцов верстки, что float нужно исопльзовать строго по назначению, т.е. когда нужно чтобы было обтекание. Типа он не предназначен, чтобы располагать элемент слева и справа, что нет такого свойста float: center и бла-бла-бла... Так вот, а что тогда делать, когда например в каком-то блоке слева форма для входа, а справа поиск. Чем флоат заменять? не не postition:absolutе же
0 votes11 answers -
Про вертикальное растягивание и слои
Доброго всем дня! Есть вопрос. Слева на картинке макет сайта, где контента мало, slider - 1px рисунок, которые не растянут, и нижний блок - footer (просто картинка).Подскажите, как сделать так, чтобы при добавлении контента, большого объёма, блок content заходил на блок footer а затем slider просто растягивался на оставшийся контент. Надеюсь объяснил достаточно полно. Кода, как такового, не надо(но можно), нужен словесный алгоритм, что указать в свойствах блока, и какое позиционирование использовать, absolute или relative. Заранее благодарен за ответы.
0 votes11 answers -
Фон - картинка с радиальным градиентом
Допустим есть такая картинка основа - радиальный градиент, а сверху изображение с прозрачным фоном, подскажите, пожалуйста, как правильно верстать такую картинку(неужели делить на четыре части градиент((( ). Этот рисунок(или подобный) должен быть фоном сайта. CSS3 вроде поддерживает радиальный градиент, но ИЕ вроде, пока его никак не поддерживает.
0 votes7 answers -
0 votes11 answers
-
применение шрифтов обработанных cufon
Добрый вечер. Подскажите пожалуйста, как указать для cufon, что шрифт применить для всех элементов страницы искал в инете, но нашёл только как для содержания определённого тега указать <script type="text/javascript"> Cufon.replace("h1"); </script> На сайте используется jquery пробовал использовать селектор jquery "*", ни чего не дало <script type="text/javascript"> Cufon.replace("*"); </script> шрифт подключается, но не работает... и второстепенный вопрос, что случилось с сайтом http://www.fontsquirrel.com/fontface/generator, пробовал через него конвертировать шрифт - выдаёт ошибку, что файл шрифта повреждён? пробовал на разных шрифта…
0 votes6 answers -
Как сделать border-spacing между ячейками 20px, а вокруг 10px;
Нужно сделать расстояние между ячейками 20px, а вокруг - 10px. Подскажите, пожалуйста, как это сделать.
0 votes5 answers -
Смещается поле input
Здравствуйте. Возникла проблема при верстке, поле inpun смещается немного вниз (см. скрин). Почему так происходит и как это исправить. HTML <form action=""> <div class="text"><b>Заголовок / название фильма (20pt)</b></div><div class="form"><input type="text" name="zagolovok" size="41" class="norm"></div>[/color] <br /> <b>Обложка / постер</b> <input type="text" name="poster" size="41" class="norm"> <br /> <b>Название:</b> <input type="text" name="nazvanie" size="41" class="norm"> <br /> <b>Оригинальное название:</b> <input type="text" name="orignaz" size…
0 votes2 answers -
Ротатор как здесь
На этом сайте http://www.teohim-ek.ru/ в шапке 4 картинки, которые последовательно, друг за другом меняются. Подскажите подобный скрипт? Не 4 ротатора ведь ставить туда, правда?
0 votes4 answers -
привязать несколько блоков к верху страницы
Доброго времени суток. Возникла такая ситуация, нужно привязать 2а блока к верху страницы. Причем один просто привязан к верху, а 2й должен быть fixed. Делаю след образом <div class="one">ONE</div><div class="two">TWO</div>.ONE{ width:100%; height:35px; background: #777777; position: relative; z-index: 2000; top: 0;}.two{ width:100%; height:35px; background: #000000; position: fixed; z-index: 1000; top: 0;}и блоки залазят друг на друга, как сделать так, что бы они шли друг за другом? С учетом того, что 1й блок динамический и у него постоянно меняется высота
0 votes6 answers -
шрифты в мобильных браузерах
Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @font-face { font-family: 'BrandonGrotesqueBlack'; src: url('/fonts/brandon_grotesque_black.ttf') format('truetype'); src: url('/fonts/brandon_grotesque_black.svg') format('svg'); }потом:#left_num .num { font-family: 'BrandonGrotesqueBlack'; font-weight: bold;}Так вот, проблема в том что в браузерах на компе шрифты отображаются правильно, проблем никаких, а вот в мобильных браузерах нет, ни в эмуляторе опера мобайл, ни в опере мобайл и в хроме на андроид планшете шрифт не отображается - показывает тот что по умолчанию. Пробовал размещать CS…
0 votes1 answer -
Изменение расположения блоков при адаптиве
Здравствуйте, верстаю простой трёхколоночный сайт, у левой колонки - float: left, у правой - float: right, у центральной ничего. Всё хорошо, но вот делаю адаптивную версию и надо чтобы при определённой ширине экрана центральная часть была вверху, как это сделать? Мне на ум приходит продублировать центральную колонку перед левой, и задать ей display: none, а при сужении экрана делать её блочной, но может есть более элегантное решение?
0 votes4 answers -
Интересная реализация бордера
Как реализовать подобное через border-radius или другие варианты решения?
0 votes4 answers -
<< и >> до и после текста
Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP
0 votes3 answers -
Помогите исправить ошибки рсс
http://feedvalidator.org/check.cgi?url=htt...vsh.ru%2Frss%2F - вот моя рсс лента, выдает кучу ошибок, помогите пожалуйста исправить.
0 votes3 answers -
Нужна помощь при работе с изображением
Здравствуйте, сразу перейду к сути проблемы я хотел бы сделать изображение с подписью к нему оформленное с помощью css. Применял такие коды найдены в интернете, немного переделав их под себя: .fode { position: relative; height:335px; width: 448; } /*Оформление фотографий */ .fode cite {background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: -6; left: 5; width: 428px; padding: 10px; border-top: 1px solid #999;}/*Оформление фотографий */ <div class="fode"> <img src="d1.jpg" border="0" alt="Разрушения" class="shadow"> <center><cite>Описание.</cite></center> </div> Проблема заключается в т…
0 votes9 answers -
непонятный баг textarea под ie
проверял под ie8, ie9 и ff3 у кого есть другие браузеры под рукой, скиньте результаты в ff3 все ок в ie8 и ie9 имеется непонятный баг код такой: <!DOCTYPE html> <html> <head> <title>IE bug?</title> <style>body {line-height: 22px;}</style> </head> <body> <table> <tr><td><img src="img.jpg"></td></tr> <tr><td><textarea cols=20 rows=8>maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут…
0 votes11 answers -
Вёрстка поля для поиска
Моя задача: сверстать поле для поиска такое же как на картинке(рис.1) Моя проблема: При вёрстке поля для поиска вылезает какая-то непонятная белая рамка (в IE рамка чёрного цвета)(рис.2) Мой вопрос: Как избавится от рамки белого цвета и как ещё можно улучшить мой свёрстанный текстбокс, чтобы он был похож на текстбокс с картинки ? Страничку в браузере можно посмотреть по ссылке:http://web-luck.ru/horner/search.html? Вот весь исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Текстбокс</title> <script src="jquery-1.6.2.min.js"></script> <script s…
0 votes6 answers -
:hover для другого элемента
Всем приятных праздников! Есть ссылка a { color: black; text-decoration: none; } Есть для неё hover-параметры a:hover { text-decoration: underline; color: #666699; } Есть ячейка таблицы с hover-параметрами td.menu1:hover{ background-color: #eaeaea; } Ссылка сидит внутри ячейки таблицы Никак не могу сообразить, как сделать, чтобы при наведении на ячейку (НЕ на ссылку) изменился цвет ссылки (т.е. нужно задать как бы еще один hover-параметр для ссылки, но ведь один уже задан!)
0 votes5 answers