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
-
Помогите пожалуйста розобратся с эти м макетом
Не могу понять как сделать такой ховер?
0 votes4 answers -
практика верстки
Народ, а где взять "материал" для верстки? Как вы начинали? Сам я в дизайне полный нуль, если сесть за изучения дизайна, не известно когда работать смогу начать. %)
0 votes1 answer -
Строгий доктайп и height
Почему-то при заданном <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Таблицы с параметром height="100%" не хотят занимать все пространство по вертикали. Как это исправить?
0 votes17 answers -
Проблема со списком
Как видно на картинке, если ссылка состоит из 2 и более строчек, то 2 и последующие будут начинать налезать на иконку списка: в CSS прописано так: Сам код списка выглядит примерно так: Помогите плиз избавится от такого эффекта.
0 votes7 answers -
Мерцает меню в IE
Вот на этом сайте при переходе по вкладкам выпадающего меню(выпадает пункт "О компании") мерцают пункты меню, и это только в IE, копал копал, не могу понять из-за чего это происходит! Вот код меню HTML <div id="nav"> <ul> <li><a href="<?php echo get_settings('home'); ?>">Главная</a></li> <li><a href="#">О компании</a> <ul class="submenu1"> <li><a href="http://cnet.com">Ремонт квартир</a></li> <li><a href="http://mashable.com">Ремонт ванной</a></li> <li><a href="http://techcrunch.com">Ремонт офиса</a></li> …
0 votes1 answer -
Как вытянуть блок?
Добрый вечер! Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку! <!-- Стили --> <style> div{ border:solid 1px; } .main{ width:800px; } .left{ width:146px; float:left; } .content{ width:650px; float:right; } .footer{ width:800px; } .l1{ height:50px; } .l2{} </style> <!-- Разметка --> <div class="main"> <div class="left"> <!-- левая колонка --> <div class="l1">l1</div> <!-- постоянная высота --> <div class="l2">l2</div> <!-- должна тянуться до низу --> </div> <div class="content"> <!-- основная (правая) колонка --> c…
0 votes1 answer -
Резиновый бэкграунд, как луше поступить?
Есть картинка, которая должна являться бэкграундом. Как поступить?: 1) Разместить в html img с шириной в 100% абсолютом и z-index, или же... 2) Создать два дополнительных дива, и поставить на них бэкграунд в css (content - середина картинки с repereat-x ибо середина однообразана, content-bg-left - левая часть бэкграунда, content-bg-right- правая часть бэкграунда) Во втором случае общий размер будет больше и количество обращений, но, в тоже время способ с img - это какое-то неправильное извращение. Как посоветуете поступить и почему?
0 votes7 answers -
Не отображается подвал
Доброе время суток! Есть сайт. Проблема в том, что футер отображается только при полноэкранном просмотре. Как заставить его быть всегда на месте? footer.fixed { position: fixed; left: 0; bottom: 0; width: 100%; }
0 votes2 answers -
Тянущийся div..?
Добрый день, столкнулся с проблеммой, перепробывал много решений, зашел в тупик..Подскажите, как реализовать следующее.. 1) прозрачный див (black_div) это родительский див, в котором лого, ниже меню, а еще ниже див белого цвета (content), и должен растягиваться вниз в зависимости от своего содержимого. Тоесть чем выше белый див, тем больше опускается вниз прозрачный.. 2) Див белого цвета (content) должен растягиваться по высоте в зависимости от своего содержимого, но всегда должен снизу отступать на 15-20 пикс. от прозрачного дива. 3) Див черного цвета это просто демо содержимого..как видно он не тянет ни белый, ни прозрачный див..а просто выходит за пределы.. Ниже струк…
0 votes6 answers -
Неправильно работает Math.random()
Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i < max; i += 1) { left = Math.round(Math.random() * (document.body.o…
0 votes2 answers -
Проблема отображения блока в Firefox
Здравствуйте, уважаемые форумчане) Помогите с небольшой проблемой. Криво отображается блок в Firefox. Хотя в Chrome все нормально. Хром Firefox Код CSS и HTML: .mail-delivery { box-sizing: border-box; float: right; width: 560px; max-height: 220px; padding: 6px; color: #5a5a5a; font-weight: 400px; border-radius: 16px; background: url("../img/message-pattern.png") #fff; } .message-wrapper { box-sizing: border-box; width: 549px; max-height: 208px; padding:5px 20px 5px 20px; background-color: #f8f7f4; border-radius: 15px; clear: both; } .message-wrapper p { box-sizing: border-box; margin-bottom: 35px; color: #5a5a5a; fo…
0 votes2 answers -
Нужен совет новичку
Всех приветствую, третий день изучаю сайтотворение, очень весело))) Вот есть заказик, это я собрал за 24 часа, очень интересный процесс туча матов))) http://cssdeck.com/labs/kxkm7fxs Кое-что сам, основа не моя, но измененная самостоятельно, брал все бесплатное))) разобрался почти со всем, но 1. Как мне сделать чтобы текст допустим в шапке исчезал вместе с нажатием кнопки "начать тест" 2. Как мне залить на фон нормальную фотку, нашел сайты с бесплатными красивыми фото и большие, но не могу пока сообразить как сделать фоном, получаются маленькие картинки. При масштабировании качество никакое?))) 2. Как мне залить его на вордпресс клиенту…
0 votes21 answers -
Сложный слайдер, нужен совет
Ребят, нужен свежий взгляд, уже голова не варит. Есть слайдер. В нижней части находится ось времени с помесячным шагом. На один месяц на оси времени должно приходиться два слайда. То есть при прокрутке слайдера два раза маркер месяца должен переходить на следующий/предыдущий месяц. Единственное, что приходит в голову, это месяца сделать табами, а внутри каждого таба уже реализовать слайдеры. Но это немного не то, потому что будут работать слайдер только внутри одного месяца, и на другие перемещаться не будет. В общем посоветуйте как поступить
0 votes3 answers -
window.close и брандмауэр
Доброго времени суток! Люди добрые, спамажите :-) начинающему) перелопатил поиском все что можно, здесь и в поисковиках, и что не можно тоже, но решения проблемы не нашел: итак, использование Закрить окно или Закрыть окно или ЗАКРЫТЬ приводит к и блокировке самой функции закрытия окна, пока этому чуду-антивру не скажешь 50 раз "можно!" суть проблемы: забота о посетителе в первую очередь, т.е. вот эти вот фокусы брандмаэра имо просто отталкивают и пугают людей. Есть ли решение этого "танца с бубном" или просто забыть и забить на это в пользу [X] в правом верхнем углу? Заранее признателен, Волк.
0 votes2 answers -
как сделать фон страницы не через bgcolor
Здравствуйте. Сталкнулся с такой проблемой. купил программу автоматизации сайта с закрытым исходным кодом. Внизу каждой страницы добавляется копирайт (ч?рный шрифт, белый фон). Когда я меня на нужный мне фон(например красный), копирайт очень сильно выделяется из содержимого страницы. Вопрос такой, как можно сделать строку копирайта полностью белой, а пространство за пределами страницы красным bgcolor? Может быть с помощью таблиц, но тогда возникнет полоса прокрутки. Помогите кто может!
0 votes3 answers -
Ширина <input/>
Здравствуйте всем, есть такой код <div style="width:200px"> <input type="text" style="width:100%" /> </div> однако в IE текстовое поле выезжает за div, хотя в Oper'е и FF все нормально. Как побороть?) Спасибо!
0 votes2 answers -
Скроллинг и/или растягивание списка
Приветствую всех. Столкнулся с задачей переделки хайлайтера исходников, но не могу побороть одну проблему связанную с CSS. На выходе получается конструкция такой структуры: <div class="content"> <dl class="codebox"> <dt>Заголовок</dt> <dd> <div class="codebox1"> <ol> <li> <pre><span style="color: #235ae6;">Public</span> <span style="color: #235ae6;">Class</span> Form1</pre> </li> <li> <pre> </pre> </li> </ol> </div> </dd> </dl> </div> CSS: div.codebox1 { background-color:#C0C…
0 votes6 answers -
время показа, - чтобы днем вар.1, вечером вар.2
Задача такая: хочу чтобы днём (лучше если через CSS) показывал вариант шапки (который у меня в swish iframe) #1, а вечером и ночью выводил другой (более спокоиный вариант хидера). Прошу совет.
0 votes7 answers -
Кнопка
Нужно что бы при нажатии на изображение <a href= ""> <img src= "img/button.bmp"> </a> активировалась функция function SetStat(){ location.href="afterreg.phtml?NickName=<?php echo $aNickName; ?>"; } Возможно ли реализовать такое? И каким образом?
0 votes8 answers -
Помогите с шапкой сайта
Помогите разобраться с такой ситуацией. Зараннее благодарю) http://storage7.static.itmages.ru/i/11/0705/h_1309855176_fc935b8cde.jpeg
0 votes4 answers -
Подскажите как выровнять таблицы на одной строке
Всем доброго времени суток и спасибо за внимание ! Пытаюсь разместить три небольшие таблицы на одной строчке, но не чего не получается, каждая из таблиц идёт на новой строке, в миниатюре выглядит так Буду благодарен тому кто скажет как разместить на одной строке. код
0 votes8 answers -
Циклы Smarty - Получение последних трех итераций
Всем привет! Ребята, такой вопрос - как определить в цикле последние три итерации? Есть цикл {foreach name=aussen item=data from=$module} <div class="div border-bottom border-right"> бла, бла, бла... </div> {/foreach} Суть вот в чем. В диве добавляю border-bottom, чтобы каждые блоки были подчеркнуты, чтобы получить сетку. Выводится по три блока на строку. И вот как убрать border-bottom у последних трех? Но, тут получается, что может быть не ровное количество. И в конце может быть и один блок или два, а не обязательно три. т.е. может быть и так OOO OOO O или OOO OOO OO или OOO OOO OOO И вот у последнего ряда, сколько бы там не было блоков убрать border-bottom.…
0 votes6 answers -
Единая ссылка
Коллеги, здравствуйте! Есть такая конструкция: <a href="#"><img src="pic.png">Ссылка на пик</a> Допустим высота изображения 50px; Как выравнить текст относительно середины изображения по высоте. |____________| |____________| |__pic.png____| Ссылка на пик |____________| |____________| Оговорюсь сразу, что вопросы с применением JavaScript, jQuery и т. п. не интересуют. Просьба помочь решить проблему чисто с точки зрения вёрстки. Благодарю за помощь!
0 votes15 answers -
Кто сможет помощь с удалением отступа?
Привет всем. Помогите удалить отступ между статьями. Уже второй день копаюсь и никак не могу найти где ошибся. Вот http://vacations.besaba.com/magazine.html А здесь сам макет http://yadi.sk/d/WpESGYPOQFK2g Так же вот картинка где надо убрать отступ http://itmages.ru/image/view/1667620/0c4f2507
0 votes5 answers -
Не отображается страница в uc browser
Вот страница, которая не отображается https://dandirector.github.io/thermasteel/ проблема обнаружена на android 4.2.2 в uc brouser, хотел бы отметить, что вместо верстки видно просто белый экран. В других браузерах все гуд.
0 votes0 answers