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
-
выравнивание по центру - пропадает часть при сдвиге окна
Есть один слой. Я его выравниваю по центру окна. Но вот незадача, когда я окно браузера сужаю наполовину, к примеру, то у меня половина моего слоя равномерно благополучно заезжает за левый край браузера и становится недоступной. Как сделать так, чтобы при соприкосновении с левой стороной окна браузера, слой оставался на странице, т.е. переставал ехать налево? Т.е. чтобы центрирование работало, только когда ширина окна браузера больше ширины слоя, т.е. 900 пикселей. #sloy{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; }
0 votes7 answers -
Текст по центру
http://cssdeck.com/labs/hvhc0no2 Парвильно я установил текст по центру или же есть более адекватные методы ?
0 votes15 answers -
Кастомизация оригинального поиска Яндекс
Здравствуйте! Решил разместить у себя на сайте поиск от яндекса. Есть сверстанная форма поиска. Но я не могу к ней "прикрутить" поиск от яндекса. Вот моя форма поиска - http://jsfiddle.net/MmQ4R/ Помогите, пожалуйста, прикрутить к ней поиск от яндекс. Заранее благодарю!
0 votes1 answer -
Прослонящиеся и нет блоки div
Всем привет. Ребят помогите с версткой, прилагаю образец, результат, код. Как надо - У меня получилось так - проблемы - 1) 1 и 2, 3 и 4, 5 и 6 блоки (блоки категорий) должны находится на одной высоте по отношению к друг другу 2) "подкатегории" должны прилипать друг к другу 3) лишний отступ код: <div class="category_list"> <div class="category"><div class="title">Дизайн-студия</div><div class="subcategory_list"> <div class="subcategory"><div class="bullit"><img src="img/bullit.png" alt=""></div><div class="subcategory_desc"><a>Айдентика:</a><span>разработка логотипов, фирменных стилей, бре…
0 votes1 answer -
Адаптивная вёрстка. Как правильно подойти?
Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы: 1.Под какие разрешения собственно верстать? 2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)? 3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то 4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос? 5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё дети…
0 votes2 answers -
Нужна помощь. Я далёкий.
Здравствуйте, я так сказать начинающий и многое не знаю . Суть такова , есть сайт от конструктора но там скрипты не поддерживает ( Так написал мне админ конструктора: К сожалению стандартный функционал сайта не дает возможности вставлять скрипты в конструктор.. У видел в одного пользователя так же сайт от данного конструктора на котором он разместил ссылку на другой сайт как бы в рамке, показываю скрин. как он мог вставить ссылку на сторонний сайт где текстовая реклама ( как бы на сайте сверху этого сайта другой сайт только в уменьшённом виде . Вот мое меню админа где могу редактировать
0 votes2 answers -
Проблема с ссылками
Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроила одно горизонтальное меню. Оно было уже с готовыми решениями. Кроме html и css в ней ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у кого было такое или есть мнение поделитесь пожалуйста. …
0 votes5 answers -
особенности map area в Firefox
Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, пример простой, о ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width="200" …
0 votes1 answer -
A:Link,hover каряво работет в Опере
что происходит тут?
0 votes4 answers -
Как применить стиль только к таблице-контейнеру
<style type="text/css"> table#cntab {border-collapse:collapse} table#cntab td, table#cntab th {border:solid 1px black} </style> <table id="cntab"> <tr><th>Column</th><th>Feature</th></tr> <tr> <td>ID</td> <td> <asp:RadioButtonList ID="IDColOption" runat="server"> <asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem> <asp:ListItem Value="pk" Text="Is primary key"></asp:ListItem> <asp:ListItem Value="pkafter" Text="Primary key applied after filling"></asp:ListItem> </asp:RadioButtonList> </td> </tr> <tr…
0 votes2 answers -
: Подскажите как сверстать такой поиск, не могу привести к кросбраузерности
Здравствуйте! есть такой поиск, левая и правая сторона должна быть фиксированая, а сама строка поиска резиновая. Как я делал слева в фиксированую три слова, справа кнопку+чекбокс+лейбл, центральная была резиновая. Инпуту даю 100% он то растягиваеться вроде норм, но в остальных браузерах просто жесть. В фф норм, в ие6 даже норм, в ие7 и хроме не видна левая и правая сторона только центральный резиновый блок вообще не пойму почему, в опере тоже самое. Как можно сверстать его, таблицы юзать нельзя, может есть где пример был бы очень и очень благодарен. Жесть вроде все просто и нифига не выходит да и такие глюки именно в новых браузерах, фиг найдешь почему так происходит.
0 votes1 answer -
Нужна помощь
Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; le…
0 votes15 answers -
Полоса прогресса
Решил выполнить упражнение на сайте http://htmlbook.ru/practical/indikator-vypolneniya . В принципе, решение автора задачи мне ясно. Но я хочу понять свою ошибку. Далее привожу написанный мной код. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Полоса прогресса</title> <style type="text/css"> .time { border: solid 1px #000000; width: 250px; position: relative; } .leftnum, .rightnum { position: absolute; height: 100%…
0 votes4 answers -
Непонятки с bullet
Подскажите новичку. Имеется bullet на макете: http://savepic.su/2315570.htm И картинка слоев: http://savepic.su/2309426.htm Отключаю все слои, кроме указанного (Alt+ЛКМ): http://savepic.su/2358581.htm И вижу такую картину: http://savepic.su/2350389.htm Почему bullet становится синим? Мне совсем непонятно...
0 votes6 answers -
колонки списка одинаковой высоты
помогите пожалуйста решить проблему. устроит даже css3-, js-решение есть <ul><li> список. длина строк в каждом <li> очень различается. необходимо преобразовать этот список в 3 колонки равной высоты в сети много js-решений, но они мне не подходят. проблема в том, что из-за разницы в длине строк получается примерно такой результат. мне же нужны колонки одинаковой высоты
0 votes6 answers -
Позиционирование блоков
Проблема такова, по горизонтали 4 блока ,не могу понять как сделать ,чтоб при добавлении блоков они вставали друг под другом? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>our team</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function blinkIt() { if (!document.all) return; else { for(i=0;i<document.all.tags('blink').length;i++){ s=document.all.tags('blink'); s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible'; } } } </script> </head>…
0 votes10 answers -
Съедается часть кода при отображении на странице
Здравствуйте! У меня такой вопрос: Когда я добавляю не просто текст, а код на С++ то после добавления часть кода съедается. Чтобы было понятно вот ссылка:http://torrent.uweek.ru/ там можно всё посмотреть. Как сделать так, чтобы код не съедался? p.s. я уже задавал этот вопрос в другой своей теме (вот она: http://forum.htmlbook.ru/index.php?showtopic=44469 ), но т.к. там другой title, я подумал что целесообразно создать отдельную тему, чтобы больше людей увидело. p.p.s ветка форума вроде подходит)
0 votes5 answers -
резиновый div
Всем привет. Возможно ли сделать div1 резиновым в такой конструкции: <div1> <div2></div> </div> .div2 {position:absolute;}
0 votes7 answers -
Горизонтальное меню
Есть блок div с шириной 900px и с высотой 40px. В ней создан список li со ссылками внутри. 5 штук. Как сделать что бы был отступ с левого и правого борта блока на 41px, а остальное растянулись исходя из этого? Да и как выравнить сами ссылки по центру блока?
0 votes11 answers -
Пример верстки логотипа
Здравствуйте. Давно не брал я в руки шашек Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке: Строка красным будет картинка, а коричневым - должна быть текстом, который центрируется относительно картинки плюс поле ссылки должно занимать всю картинку и весь текст. Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.
0 votes8 answers -
Проблема верстки шапки и слайдеров
Здравствуйте. Я начинающий верстальщик. Возникла проблемы такого характера: 1. Не знаю как сверстать меню в шапке (см. рисунок). Как я вижу логотип расположен посредине меню. Никогда раньше с таким не сталкивался. Решения пока не нашел. 2.Возможно ли создание подобный слайдеров? С такими тоже раньше не встречался. Кроме того, даже не представляю, как такое потом реализовывать (к примеру на том же wordpress). Буду рад за любые соображения по этому поводу.
0 votes10 answers -
Справочники по html xhtml и css
Подскажите пожалуйста где можно заказать справочник 3 в 1 по html xhtml и css (не электронное издание) в каком интернет магазине можно заказать,не могу найти
0 votes6 answers -
Блок div не растягивается в высоту.
Добрый день! Родительский <div class="content-main"> имеет параметр height: 100%, в него вложены <div class="left"> и <div class="right"> с параметрами height:100%. Но они прижаты к верху и не растягиваются в высоту. index.html style.css
0 votes4 answers -
Код не проходит валидацию
Добрый день! Возникла проблема с валидацией : не пойму в чём дело. Вот участок кода <thead> <tr> <th rowspan="2"><b>Menu</b> | Updated 10th of December 2016</th> <th></th> </tr> </thead> Благодарю за помощь!
0 votes2 answers -
Выравнивание блоков
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FlexBox</title> <style> body { padding: 0; margin: 0; } .container { position: absolute; background: red; width: 40%; word-break: break-all; padding: 5px 5px; margin: 60px auto 0 5%; } .lol { width: 400px; height: 400px; background: black; margin: 7.1% auto 0 50%; } </style> </head> <body> <div class="container"> <span> Husbands ask repeated resolved but laughter debating. She end cordial visitor noisier fat subject general picture. Or if offering confined entrance no. Nay…
0 votes4 answers