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
29,542 questions in this forum
-
Header резиновая
Уважаемые пользователи, подскажите как решить следующую ситуацию. Есть центральный div в нем есть логотип. Нужно сделать так чтобы центральный div был по центру, а при увеличении разрешения слева появлялся дополнительный div c продолжением логотипа. Подскажите как это можно реализовать.
0 votes0 answers -
Псеводэлементы :after и ::after
Не могу понять практическую разницу между типами с одним и двумя двоеточиями. Естественно, вопрос не по версиям CSS и не по поддержке в браузера. Спасибо
0 votes5 answers -
Интернет-магазин в целом
Доброго Вам времени суток! Не знал как правильнее и по-короче назвать тему, получилось - как получилось =) У меня ОГРОМНЕЙШАЯ сложность! Постараюсь по-компактней изложить суть. А то наболело, может прорвать =) И так: Я "придумал" сделать интернет-магазин. Товар - одежда. Мужская и женская. У меня есть знакомый, который занимается сео оптимизацией. (сленгом программирования и "этой степи" не владею, как и навыками)Я обратился к нему с этой мыслью. И он предложил свою помощь. Действовал по его инструкциям: купил доменное имя и хостинг на год. Открыл номер счета в банке для магазина. Он залил на него магазин начал что-то делать и закончил сразу почти! Говорит теперь, что зан…
0 votes3 answers -
Заполнение свободного места между двумя колонками таблицы
Всем привет. Извиняюсь за "корявое" название темы, просто не знаю как правильно назвать то, что мне нужно. Хочу реализовать вот такое(смотреть характеристики товара). В незаполненном промежутке между 2 колонками таблицы вставляются "." или "_". Это как-то должно рассчитываться, в зависимости от оставшегося свободного места в колонке. Подскажите как реализовать или хоть направьте в нужную сторону. Не могу даже понять как у Гугла это спросить
0 votes3 answers -
Похожие новости
помогите с кодом. хочу чтоб в полной новости выводился блок похожих носостей. сейчас есть только надпись "похожие новости" файл fullstory.ptl имеет код {full-story}<br /><br /><b>Похожие новости:</b><br /><span class="related-news-ul">{include file="sorting.tpl"}</span></td></tr></table></div> т.е ссылается на sorting.tpl файл sorting.ptl имеет код <!-- S-arts Copyright © --> <noindex> <script language="javascript" type="text/javascript"> <!-- var dle_rn_root = '/'; var dle_rn_place = 'all'; var dle_rn_news_id = 'e8830479dcde699b63ef4403531c40b3'; var dle_rn_group =…
0 votes0 answers -
Как сделать правильно?
Подскажите, как правильно написать код, чтобы объекты ( текст и изображение ) располагались именно таким образом? Я просто не знаю как одну область разбить например на две вертикальные части, где в одной, как на скрине, слева был бы текст, а в другой, справа, было бы изображение! Заранее благодарен!
0 votes7 answers -
Активная ссылка с фоном
Как сделать так что бы когда находишься на опр. ссылке, фон становился красным, а когда переходишь на другую ссылку, старая становилась бы как раньше, а на ту что перешли стала красной?
0 votes4 answers -
Тегу присвоен и id, и class
Поясните плз опытные товарищи, зачем во главе ненумеров списка стоит тег имеющий id + class? Этот шедевр создан командой Adobe. Кроме стилей к делу причастен и .js <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Item 1</a> <ul> <li><a href="#">Item 1.1</a></li> <li><a href="#">Item 1.2</a></li> <li><a href="#">Item 1.3</a></li> </ul> </li> <li><a href="#">Item 2</a></li> <li><a class="MenuBarItemSubmenu" href="#">It…
0 votes4 answers -
DIV верстка тизера без: float, position absolute, td, tr.
Друзья, верстаю тизер для вывода в теме под друпал. Наполнение каждого div динамическое. Возможно ли сверстать такую форму анонса из <div>s без использования: 1. position: absolute 2. float: __ 3. <td>, <tr> ? Кроссбраузерность приветствуется. Буду благодарна за любой совет.
0 votes4 answers -
Исчезают ссылки из за свойства float!
Вот так трабла. Добавил к списку ul свойство float, а в тегах li были ссылки из за этого ссылки пропадают, то есть то есть отображается просто как текст, а при нажатии ничего не происходит. Пробовал список добавлять в тег div и уже div'у задавать float, но безрезультатно не подскажите в чем ошибка?
0 votes2 answers -
Таблица в IE
Привет... Eсть небольшая загвоздка с таблицей. В IE 7 (может и в 6) плохо обрабативаеться ширина. Нужно чтоб td с класом sidebar был фикс примерно в 452 пикселя, в експлоєре ,я даже не пойму что с ним такое ссылка на страницу - http://p.deamind.com/fifabook/index.html
0 votes1 answer -
Можно на ul задать border-radius
Всем добрый вечер. Можно ли каким-то образом на ul задать border-radius ?
0 votes7 answers -
Посоветуйте сайт где можно просмотреть красиво сделанные шаблоны
Добрый день народ. Посоветуйте сайт где можно просмотреть красиво сделанные шаблоны ? Где можно черпать идеи к верстке.
0 votes0 answers -
Проблемы с резиновой шапкой
Добрый день. Подскажите пожалуйста как сделать чтобы в шапке картинки не накладывались друг на друга, при уменьшении браузера. http://www.zaria15.ru/
0 votes8 answers -
MSIE и overflow hidden
Верстается div-ная страница. Расклад — центр всё время по середине, тянется. Например способом, уведённым у самизнаетекого: CSS #main {width:100%; clear:both; overflow:hidden; position:relative;} #main:after {content:''; display:block; clear:both;} #main_toleft {position:relative; right:50%; float:right;} #main_toright {width:1600px; position:relative; z-index:1; right:-50%;} HTML <div id="main"> <div id="main_toleft"> <div id="main_toright"> <img src="/ima/image.jpg" width="1600" height="400" /> </div> </div> </div> Смысл — прятать левую и правую стороны картинки за окна браузера, когда у пользователя малые разрешения монитор…
0 votes6 answers -
Список внутри параграфа
Если я в html пишу: <p> <ul> <li>text</li> <li>text</li> </ul> </p> то когда открываю страницу в браузере получается: <p></p> <ul> <li>text</li> <li>text</li> </ul> <p></p> т.е. параграфы сами закрываются где не надо. Как сделать что бы работало нормально?
0 votes18 answers -
Проблема с position
Здравствуйте. Вобщем такое: Вот коды: верхнее width: 731px; height: 115px; background:url("../images/rlist.png") no-repeat ; position: absolute; z-index: 5; top: 66px; right: -230px; нижнее position: absolute; background:url("../images/rfoot.png"); width: 413px; height: 77px; top: 43px; right: -80px; Как сделать чтобы при разных расширения экрана эти изображения обрезались и не появлялась нижняя прокрутка? Спасибо.
0 votes2 answers -
CSS. Обновление стилей без обновления содержания.
Всем доброго времени суток. Только начал изучать HTML + CSS и тут же возник вопрос: возможно ли обновления стилей без обновления содержания страницы? К примеру: <link rel="stylesheet" type="text/css" href="http://www.htmlbook.ru/скрипт_генерации_css"> Типа пользователь нажал пимпочку и вся страница обновила вид, не запрашивая заново содержимое
0 votes2 answers -
Несколько вопросов по верстке макета.
В процессе верстки этого макета возникло несколько вопросов, мне кажется я сэкономлю кучу времени и нервов, задав все свои дурацкие вопросы сейчас Как правильно разместить верхние картинки- женщину с телефоном, название банка и контактный телефон? Вот как я это сделал, выглядит пока нормально, но мне кажется я что-то делаю не так. Мне не нравится что в firefox, например, изображение можно утянуть курсором, не знаю как это исправить. html <div id="img1"></div> <div id="img2"></div> css #img1{ width:279px; height:132px; position:absolute; left:25px; background:url(images/orange1_02.png); cursor:pointer;} #img2{ position:absolute;…
0 votes5 answers -
Проблемы с отображением в IE
Добрый день, уважаемые форумчане у меня появилась непонятная проблема с отображением сайта Fraui.ru в IE, а именно по непонятным причинам правый сайдбар свалился вниз, нет шапки с фоновой картинкой и идет наслоение футера. В чем может быть проблема помогите пожалуйста буду очень благодарен!
0 votes6 answers -
Position:fixed и overflow
Надо чтобы блок c position:fixed (или эмуляцией) скроллился вместе с body при достижении min-width... JS тоже будет уместным
0 votes2 answers -
font-family: 'стандартный шрифт', 'свой шрифт'
Доброго времени суток, уважаемые форумчане. Я столкнулся с проблемой типа "не могу решить на уровне логики". Подскажите, пожалуйста. Задача: На сайте имеются блоки, шрифт текста в которых курсивный Calibri. Подход к решению (часть 1): Во многих операционках нет такого шрифта. Выход очевиден - @font-face. Используя кроссбраузерный font-face генератор я получил необходимый для сайта шрифт. Имею: @font-face { font-family: 'SiteCalibriRegular'; src: url('../font/calibri-webfont.eot'); src: ... } Соответствено в нужном блоке: .my-calibri-block { font-family: 'SiteCalibriRegular'; }и с этим все хорошо. Дальше пробую делать курсив: .my-calibri-italic-block {…
0 votes5 answers -
фокус-покус-имперемокус!
Добрый вечер, товарищи! Суть такова. На странице только инпут с тайпом текст. Как сделать так, чтобы при открытии этой страницы, инпут сразу получал фокус, как с атрибутом autofocus, только как-нибудь более универсально?
0 votes2 answers -
Лента новостей
доброго времени суток. /* carucel */ .infiniteCarousel {width: 1040px;position: relative;margin:0px 0 0 20px;} .infiniteCarousel .wrapper2 {width: 910px;overflow: auto;min-height: 10em;margin: 0 45px;position: absolute;left:17px;top: 0;} .infiniteCarousel .wrapper2 ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:-4px;padding:0;position: absolute;top: 3px;} .infiniteCarousel ul li {display:block;float:left;padding: 16px 0 40px;height: 100px;width: 131px;} .infiniteCarousel ul li a img {display:block;} .infiniteCarousel .arrow {display:block; height:48px; width:58px; background:url("../images/arrow.png") no-repeat 0 0; text-i…
0 votes0 answers -
При установке галки на ckeckbox переход по ссылке.
Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.
0 votes11 answers