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
-
Фотографии в ряд по горизонтали
Всем привет. Возник вопрос. При добавлении стилей и текста под фотографией картинки перестают быть в одну строку и каждая переходит на новую. Подскажите, пожалуйста, в каком блоке или стили нужно прописать, чтобы все 3 фотографии были в одном ряду. Спасибо <div id="home"><img src = images/1.jpg width=215 height=323 align = "center"><div class = "text-date">28 марта 2015 г.</div><img src = images/2.jpg width=215 height=323 align = "center"><div class = "text-date">27 марта 2015 г.</div><img src = images/3.jpg width=215 height=323 align = "center"><div class = "text-date">26 марта 2015 г.</div><img src = images/…
0 votes1 answer -
Как сделаны тени на http://global.ecco.com/?
Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?
0 votes2 answers -
Когда не надо указывать overflow
У меня у блока есть чётка ширина. Высота меняется от контента. В стилях стоит word-wrap: break-word;. В этом случае ведь не надо узкаывать свойство overflow. Оно никогдла не понадобится? Я прав?
0 votes1 answer -
Мобильная верстка. Автоматическая подсветка тапнутых элементов.
Добрый день. При верстке странички для android возникла проблема. При тапе на определенном диве, он автоматически подсвечивается средствами браузера (желтая область с оранжевыми границами). Каким образом возможно убрать эту подсветку?
0 votes2 answers -
разница отступа меньше пикселя
Доброго времени суток. Возникла следующая проблема. Есть 2 блока с позицией absolute, во втором блоке располагается меню. Между их высотой получилась разница меньше пикселя, если ставлю высоту первого блока на пиксель больше разница ещё больше становится, если на пиксель меньше, то ещё меньше. Не могу выровнять, чтобы было одинаково. При этом первый блок при загрузке страницы поднимается с помощью JS. Код прилагаю. HTML код блоков: <div id="active-punkt"></div> <div id='second-menu'></div> CSS код блоков: #active-punkt { position: absolute; margin-left: 1px; padding: 0 5px; z-index: 10; font-size: 10px; width: 53px; co…
0 votes3 answers -
нет фона
у стиля middle задан фон background: #988780; Но почему то, если не переменить стиль #middle:after фон не отображается. Я понимаю что стиль #middle:after растягивает #middle на всю высоту текста, но разве #middle не должен сам растягиваться без помощи #middle:after? Заранее спасибо. Просто сам могу на этот вопрос угрохать ни один день. CSS: #wrapper { width: 100%; min-width: 1000px; } /* Header —————————————*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; height: 100%; position: relative; background: #988780; } /*#middle:afte…
0 votes2 answers -
Помощь начинающему!Очень прошу
Добрый вечер. 1) Подскажите,пож-та, как увеличить расстояние между вторым и третим блоками. Все перепробовал,уже и не знаю. Если ставлю margin, то третий блок съезжает вниз.
0 votes1 answer -
Браузеры для проверки верстки
Где можно взять разные версии всех старых браузеров ? С ie понятно, а что делать с ff 3+ safari 3+ chrome 3+ opera9+
0 votes1 answer -
Выравнивание по середине и слева
Собственно что необходимо. Есть div в нем img и текст в виде сылок. img должен находится горизонтально по середине div. под img находится сылка(а1.1 а2.1). Которая также должна быть выравнена по горизонтали по центру блока. ниже самое интересное идет список сылок, и эти сылки должны быть выравнены по началу сылки выше. Тоесть на рисунке я показал как будет выглядить это в случае с длинным названием (белый цвет) и в случае с коротким названием (синий цвет). Лучше всего понятно на синем цвете. Тоесть список сылок а2.2 а2.3 а 2.4(на рисунке косяк мой). Должен быть выравнен по левому краю относительно сылки а2.1 Код я не показываю потому что уже бошка не варит на ночь глядя…
0 votes0 answers -
Расстянуть макет вместе с виджетом.
День добрый. Сорри, если вопрос покажется глупым, но он меня немного в ступор вогнал. Буду дико признателен, если поможете мне справиться с данной проблемой. Как реализовать так, чтобы макет расстягивался одновременно вместе с добавляемыми виджетом комментариев?
0 votes2 answers -
Высота <div>
Всем привет!) есть у меня div с идентификатором #photo1. В нем плавающая картинка (чтоб текст обтекал). Я хочу, чтоб высота блока #photo1 была определена высотой всего содержимого, но там высота картинки почему-то не учитывается (может потому что плавающая) и получается, что высота определяется по высоте содержащегося в блоке текста. Почему я не хочу просто установить высоту(height)? Потому что при увеличении в браузере текст может выйти за пределы блока, ну вы наверное понимаете о чем я). Как можно это сделать не используя height? Вот ссылка. (png версия макета, скачать макет)
0 votes2 answers -
CSS организация классов
Здравствуйте. Помогите решить проблему. Есть много страниц, во избежания конфликта имен классов нужно организовать стили. Как вы действуете в данной ситуации? Разбиваете стили на логические блоки или, скажем, добавляете class/id в тег body и потом указываете перед классом: .home .links/#home .links? Может быть добавляете префикс перед классом: home-links? Недавано работал над сайтом. Разметка состояла из типичной: header/content (left, right)/footer Что то вроде <div class="header"></div> <div class="content c-home"> <div class="c-left"></div> <div class="c-right></div> </div> <div class="footer"></div> Пишу c-…
0 votes1 answer -
Подскажите, проблема с таблицами
Есть сайт, объясню проблему по скриншоту ниже Белая область - это див элемент, в котором я расположил таблицу с 2мя колонками. В этих колонках уже сделал дивы с заголовком и самим контентом. Сама проблема: Наполнинл 1ю колонку заголовком+несколько скриншотов и кнопок, когда начал наполнять 2ю колонку, заголовок 1й начинает отступать от top элемента вниз, как показано на скриншоте. Не пойму в чем может быть проблема. Мой быдлокод, css: .backgrnd1231445{ position: absolute; width: 100%; height: auto; background: url(/img/fon.jpg); background-repeat: repeat; background-attachment: scroll; } #mainwrapper { position: relative; margin: 0 auto; margin-top: 30px; margin-bottom…
0 votes4 answers -
Обрезание картинки в шапке сайта. (with link)
http://kursprokazan.ru/ Зайдите в раздел запись или контакты, там в шапке сайта идет обрезание картинки. Что делать?
0 votes2 answers -
Нужна помощь со слайдером
Здравствуйте. Подключил на страничку Rhinoslider, вставил свое содержимое и контролы. По функционалу все в порядке, единственное, что беспокоит - там с помощью js автоматически добавляется див-контейнер, который все содержимое оборачивает. У него прописаны свои правила позиционирования, которые я могу редактировать только в Firebug. При загрузке страницы у блока со слайдером задано отрицательное позиционирование слева и снизу. Когда я отключаю эти правила в браузере, все становится на свои места. Проверял в хроме, опере и сафари - там все стоит на местах с самого начала. Только в лисе и в ie все не хорошо. (хотя в ie js хоть и не работает как надо, все же блок со слайдеро…
0 votes0 answers -
Большой div!
Всем доброго времени суток! Никак не могу разобраться, в чем тут ошибка: Имеется вот такой блок - http://joxi.ru/n2YY0kKc58QG26 Вот с такой стилизацией - http://joxi.ru/J2bJX1MfwDeG26 Не понимаю откуда берется такая высота - http://joxi.ru/LmG7pEXUYXNMml Примечание: если убрать: #menu table {width: 100%;}то сайт принимает такой вид - http://joxi.ru/VrwpeqguXM0GmX Заранее спасибо всем, кто хоть чем-то поможет!
0 votes3 answers -
проблемы с позиционированием
Есть макет вот такой вот шапки http://prntscr.com/6iqvhe Проблема в красной плашке, как бы выступающей за пределы блока. Подскажите как это можно реализовать.
0 votes2 answers -
javascript
Скажите пожалуйста,что я делаю нетак. Я хочу создать 2 слайдшоу на одной странице,вот код <table height='15'><tr><td></td></tr></table> <table border="1" cellspacing="0" cellpadding="0" frame="hsides" width='1068'> <tr><td> <table border="0" cellspacing="0" cellpadding="0" frame="hsides" width='1068'> <tr> <td> <table border='0'> <tr> <td> <table border='0'> <tr> <td> <img src='world/1.jpg' name='a' width='160' height='80' onClick='f("world/1.jpg");'> </td> </tr> <tr> <td> <img src='world/2.jpg' name='b' width='160' height='80'on…
0 votes0 answers -
Помогите, два дива вместо таблицы
Друзья, помогите пожалуйста. в IE и Opera сползают дивы, делал по статье http://htmlbook.ru/content/dve-kolonki-navigatsiya-sleva Да и меню тоже сползают, хотя на главной странице нормально. Уже убился пытаться что-то исправить
0 votes3 answers -
простенькая таблица
<table border="0" width="100%" bgcolor="#E6E6FA" style="border-collapse: collapse"> <tr bgcolor="#8b95a4"> <th> </th> <th> </th> <th></th> <th>И</th> <th>В</th> <th>Н</th> <th>П</th> <th>О</th> </tr> <tr bgcolor="#9fcced"> <th>1.</th> <td><img src=images/logomini/logmu.png></td> <th align="left">Манчестер Юнайтед</th> <th>31</th> <th>24…
0 votes4 answers -
JavaScript
Как правильно написать js скрипт который возвращает на предыдущую страницу и в url дописывает переменную "&peremennaya" Вот скрипт который возвращает на предыдущую страницу <script>history.go(-1)</script>
0 votes1 answer -
Сохранение расположения текста
Вроде была тема, но не могу найти. Блок с текстом - выровнен по ширине - поля auto - установлен max-width - overflow: auto Небольшая трабла: при переходе со страницы, на которой весь текст помещался без прокрутки, на страницу где эта прокрутка появляется, поле с аккуратно выровненным текстом заметно смещается влево. Ставить scroll не охота, т.к. длинных страниц мало, а выглядит при коротком тексте - похабно. Есть ли какое-то решение? Спасибо.
0 votes2 answers -
Проблемы с repeat-y\x в Opere
Всем здрасте Есть сайт mk1410.net. На нём я добавляю разграничительную полосу, через css background{url(images/content_line.png) repeat-y 641px 0px}. Она становится, именно так как я хочу её видеть во всех браузерах, кроме оперы. В опере данная полоса заливает весь контент. Что не пробывал, не помогает Подскажите, может кто-нибудь с таким сталкивался? Как с сием чудом бороться?
0 votes1 answer -
ошибки валидатора css
Заглянул сегодня увидел 10 ошибок одинакового типа : "Ошибка значения : list-style-type none не является значением list-style-type : none" Что это значит? Всегда ставил list-style-type:none дабы убрать маркеры, но валид посчитал это ошибкой?
0 votes1 answer -
Помогите сверстать
Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)
0 votes3 answers