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
-
Как поставить чувака на свое место?
Привет всем) вот скриншот из фотошопа http://hostingkartinok.com/show-image.php?id=3c668501d2105d5215c4b5c5e700137e он рукой чуть чуть контент задивает, как такое реализовать ?
0 votes6 answers -
Как выровнять текст по вертикали, чтобы всегда был по центру поля?
<div class="sitebar_body"><ul><li><a href="#"><ul><li class="sb_img_1" id="p_1"></li><li class="sb_txt_1"><p>Плита безопалубочного формирования</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_2"></li><li class="sb_txt"> <p>Колонны</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_3"></li><li class="sb_txt"><p>Ригели</p></li></ul></a></li><li><a href="#"><ul><li class="sb_img" id="p_4"><…
0 votes2 answers -
Слайдер перекрывает выпадающее меню
Здравствуйте! У меня адаптивная версия сайта и в большой все окей, но когда открываешь на мобильному устройстве, делаеться выпадающее меню и слайдер перекрывает его. Вкурсе, что надо сменить z-index. Но не знаю где найти его. Возможно подскажите где найти или другое решение проблемы? Проблема тут
0 votes1 answer -
css hack только для кого ?
Изучаю чужой css? наткнулся на такое .extra .imglink { display: block; margin: 3px 0; width: 170px; w\idth: 155px; } вопрос width: 170px; - для кого это ? w\idth: 155px; - а это для кого ?
0 votes1 answer -
Ребята помогите?
У меня такая проблема.. хотя быть может это даже и не проблема, в веб-мастере Яндекса на блог выдается 45 ошибок, 32 из которых это (ошибка под № 406 Неприемлемый запрос Нужный документ существует, но не в том формате (язык или кодировка не поддерживаются роботом). Получен код 406 Not Acceptable.)...может ли это влиять на индексацию блога? если да, то как с этим бороться? За ранее спасибао, жду ответов! адрес блога http://www.happynight.ru/ Кстати а еще 2-это (Формат документа не поддерживается)
0 votes0 answers -
сделать нежырным ссылку
как сделать нежырным ссылку? как я понял, через тег а это сделать невозможно http://www.htmlbook.ru/html/a.html через css не предлагать (особенности кода сайта)
0 votes2 answers -
Правильно ли я делаю?
Скажите правильно ли седлано? Есть какие то недочёты? Вот как разделён у меня документ по блокам : <div class='wrapper'> <div class='header'> </div> /*Здесь контент*/ <div class='push'> </div> </div> <div class='footer'> </div> Вот стили каждого из блоков: .footer, .push { clear: both; } * { margin: 0; } html, body { height: 100%; width:100%; min-width: 1024px; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; position: rela…
0 votes6 answers -
Рама для картины средствами CSS (1 картинка, 5 слоев)
Задача - сделать возможным одевать картины в рамы. Некоторые ньюансы: Картины могут быть разные по ширине и высоте. Нужно обойтись 1 картинкой - каждая сторона рамы это одна и та же png-шка большой длинны, с прозрачным левым углом которую надо будеть ставить на фон в слои с разным z-index'ом и вращать на 90 градусов создавая таким образом все 4 стороны рамы картины. демка этой идеи: ) Вожусь пол дня ... для статичных размеров еще вроди можно извратится, а вот для динамических ширины и высоты что-то ничего не получается... Есть идеи/примеры как можно это реализовать?
0 votes3 answers -
фокус-покус-имперемокус!
Добрый вечер, товарищи! Суть такова. На странице только инпут с тайпом текст. Как сделать так, чтобы при открытии этой страницы, инпут сразу получал фокус, как с атрибутом autofocus, только как-нибудь более универсально?
0 votes2 answers -
Почему?
Верстаю сайт в Dreamwear там все хорошо, переношу в IE блоки разлетаются и язык непонятный. Почему?
0 votes4 answers -
Окно превью с миниатюрами
Скажите пожалуйста, как можно реализовать всплывающее окно. При наведении на ссылку "Preview" чтобы показывались картинки с классом "post", но уменьшенного размера. В самом посте у них размер ширина 500px, а во всплывающем окне что бы было 100px - уменьшенные копии. <div class="post"> <img src="image1" width="500px"> <img src="image2" width="500px"> <img src="image3" width="500px"> </div> <a href="">Preview</a> Создать окно и явно указать картинку и размер нет возможности (новостей много и все разные) надо добиваться как-то через класс.
0 votes7 answers -
Не могу решить задачу с div
Задача заключается в том что есть основной контент он расположен по центру с статической шириной(колонной в общем) и вот нужно прилепить к этой колонке div c лева, смотрите рисунок
0 votes10 answers -
Уменьшаются некоторые символы после Fontsquirrel
Шрифт PFSquareSansPro-Medium.ttf после прогона через fontsquirrel начинает некорректно отображать некоторые кириллические символы. Они становятся меньше или появляются артефакты. Причем на маке, например, это не проявляется Например, здесь уменьшается буква "м": а здесь появляется какая-то "засечка": Другие веб-шрифто-генераторы не подходят по причине очень большого размера файлов шрифтов на выходе, хотя может я просто не нашел нормальный. Подскажите, пожалуйста, как это можно исправить, обойти, как-то настроить fontsquirrel, или использовать другой веб-шрифто-генератор, который на выходе не будет отдавать файл размером в 400 кб.
0 votes2 answers -
Обтекание картинок текстом
Всем доброго вечера. Подскажите как правильно сделать обтекание. Вот для примера код для обтекания слева img.alignleft { clear:left; float: left; display: inline; margin-right: 10px; margin-bottom: 2px; } но появляется проблема - если нужно сделать обтекание нескольким пикчам и текст, расположенный справа от первой не заполняет все пространство рядом с ней, то почему-то текст, который должен быть расположенный уже справа от второй картинки лезет вверх и встает еще рядом с первой. Вот так примерно: а надо чтобы текст, который в посте идет после второй картинки и стоял после второй картинки, вот так
0 votes4 answers -
Как прописать стили отдельно для каждого браузера ?
Как прописать стили отдельно для каждого браузера ? А то у меня проблема, слева Мозилла и Опера, справа Хром Проблема на этом форуме http://forum.surgeryzone.net
0 votes1 answer -
Background
Здравствуйте. Задал Background в css у body. Размер Background 2000x1197. На некотором участке картинки есть нарисованное место, куда нужно с помощью уже слоя div поместить другую картинку. Поместил, но тут и оказалось, что на широкоформатнике положение у div другое, что и естественно. Возможно ли div как то расположить так, чтобы во всех мониторах он был на нужном месте?
0 votes4 answers -
Прошу помощи с SVG→Canvas на iPad3 (iOS6)
Как мог, описал проблему на Хабре. Вкратце — при копировании SVG-картинки в Canvas (drawImage) на третьем (ретиновском) айпаде с iOS6 творится что-то невообразимое с определением координат копируемой области. А мне позарез надо, чтобы картинка копировалась точно (вообще-то надо было позапозавчера, но из-за этого нежданчика вот так у меня вечер пятницы затянулся...). Заранее спасибо за любые наводки, подсказки и идеи!
0 votes5 answers -
Верстка, position: relative, Пустое место, как сделать правильно?
Всем привет! Извиняюсь что создал новую тему. Но беглый поиск не дал результатов. Собственно проблемма на кринах: http://taraba4.ru/img/_1.png http://taraba4.ru/img/_2.png http://taraba4.ru/img/_3.png И живая верстка: http://taraba4.ru/hammam/ Уже не раз сталкивался с такой проблеммой, решал разными хаками и прочей лабудой... Откуда это береться и как решать, чтобы раз и навсегда... CSS: .top { height: 505px; } .logo { position: relative; z-index: 10; } .logo img { display: block; margin: 0px auto; margin-top: 50px; } .slider { position: relative; z-index: 9; top: -120px; } .bani { margin: 20px auto; height: 150px; } HTML : <div class…
0 votes1 answer -
Cufon или @font-face?
Доброго времени суток! Стою перед выбором, что лучше использовать Cufon или @font-face? Посоветуйте пожалуйста! И если не сложно, то напишите почему?
0 votes4 answers -
равномерное распределение блоков
Есть вот это http://jsbin.com/esiwoh/2/edit Нужно чтобы блоки (кроме первого и последнего, они прижаты к краям) равномерно распределялись между собой и первым и последним блоком. А когда все вместе состыкуются, появлялся скролл. Существует ли решение на css?
0 votes3 answers -
Не отобржается панель в Internet Explorer
Ребят, имеется такой код CSS: .title{background:url(../images/title_button.png)repeat-x; position: relative; padding:0 10px 0 10px; height:32px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; color: #ebb000;}В браузере Internet Explorer 8 и в ранних версиях не отображается картинка title_button.png. Скажите пожалуйста, возможно ли решить эту проблему, и каким путём?
0 votes2 answers -
Помогите с СSS
На сайте в самой левой части экрана - есть меню (многолетники и т.д.)http://p.mordovia-sutochno.ru/content/hosta-gibridnaya-samuray Если монитор маленький - его не видно. Т.е. если мы медленно сужаем окно. Меню пропадает. Меню должно вести себя, как на этом сайте - http://mirtamebel.ru/catalog-mirta/aliviya-m-ugol-veneciya.html
0 votes3 answers -
Не видно тень слева у появляющегося блока
Друзья, прошу помочь. Делаю для себя сайт и постепенно изучаю css. Прошу не кидать тухлыми помидорами и помочь мне в одном вопросе. Слева при наведении на рецепте не появляется тень, то есть как бы границы сайта не дают выйти тени за ее пределы. Прошу помогите. Вот скрин где косяк. Сайт ideipovara.ru http://i67.fastpic.ru/big/2015/1006/11/30c64719e367e40ec2d724076942da11.jpg
0 votes3 answers -
Не перемещается блок через margin
Здравствуйте. Использовал на тексте float:right т.к. нужно было установить текст справа от блока с информацией сервера. Но когда я использовал float, блок с информацией(panel-body) сместился влево за край сайта. Путём долгих переборов своего говнокода я выяснил, что это из-за margin-left на panel-body. Отключаешь его - он становится надо, но появляется другая проблема: невозможно увеличить ширину panel-body. Пытался через width - безуспешно. Может кто помочь с данной проблемой? Страница с проблемой: Скрытый текст http://oldschool.bollobas.ru/servers.php
0 votes1 answer -
Позиционирование фонового изображения
Здравствуйте. Столкнулся с проблемой: как фоновое изображение сместить вправо на 10px учитывая что background-repeat: repeat-x ? Спасибо
0 votes2 answers