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
-
Отображение в фотошопе и браузере
Здравствуйте, подскажите пж как измерять размер элемента в фотошопе? Делаю так беру инструмент линейку измеряю ширину элемента выходит как на скрине 305 задаю ширину в css width:"305px" но элемент выходит больше. Расскажите пж как правильно замерять размер заранее спс!
0 votes3 answers -
Резиновое меню
Собственно проблема в том, что у пунктов неравномерный отступ. Вот сайт: http://superpuff.ru/ Кто знает почему?
0 votes2 answers -
Адаптивная верстка
Здравствуйте! Как сделать так, чтобы DIVы внутри контейнера "перепрыгивали" вниз, при уменьшении размера браузера, вплоть до одного элемента по горизонтали? <a target="_blank" href="http://www.radikal.ru"><img src="http://i049.radikal.ru/1207/c9/0ef06a0932bb.png" ></a>
0 votes1 answer -
Фиксированное положение элемента
Здравия желаю! Есть элемент на странице. Когда пользователь скроллит страницу, то, этот элемент передвигается вместе со страницей. Дойдя до верхнего края страницы он должен зафиксироваться и всегда оставаться на экране. Подскажите, пожалуйста, как это можно реализовать? При обратном скроллинге, он должен будет встать на свое место, когда пользователь будет выше его первоначальных координат. Спасибо
0 votes1 answer -
100% высоты HTML5
Подскажите пожалуйста способ растяжки блока по высоте на 100% на странице с доктайпом 5 html. И так же хотел спросить linear-gradient никакой браузер не поддерживает, нужно вендорные префиксы использовать?
0 votes3 answers -
Верстка сложного изображения
Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …
0 votes0 answers -
Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.
Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?
0 votes4 answers -
горизонтальная прокрутка при выносе элемента за правый край
Здравствуйте, коллеги! Подскажите, пожалуйста, как побороть появление горизонтальной прокрутки при абсолютном позиционировании элемента за правым краем страницы? Например, делаем элементу position:absolute; right: -160px; - получаем горизонтальный скроллбар на 160 пикселей... Помогает overflow:hidden для body или для блока-контейнера страницы, но тогда область страницы, не поместившаяся в один экран, скрывается...
0 votes2 answers -
Горизонтально-ориентированное положение страницы в Ipad
Здравствуйте, друзья. Как-то встречался (или это плод моего воображения) мне мета-тег, который запрещает автоповорот страницы на Ipad и прочих планшетах. Если это действительно так, то помогите в данном вопросе, поделитесь, пожалуйста ссылочкой. Заранее благодарен всем откликнувшимся.
0 votes1 answer -
Счетчик посещений
Подскажите пожалуйста сервис бесплатных счетчиков посещений...нужен такой, который ведет статистику посещений за все время, а не за сутки, неделю или месяц. Нужно, чтобы висел и показывал цифру....если всего на сайт было миллион переходов, то он пусть и показывает миллион.
0 votes1 answer -
Почему DIV внутри DIV'а растягивается по ширине?
http://jsfiddle.net/b7bDy/ Почему-то DIV внутри (с зеленым бордером) растягивается по ширине, а не прижимается к картинке вокруг. Почему так?
0 votes3 answers -
Бешеные DIV-ы
Есть вот такой не сложный код: <html> <head> </head> <body style="margin:0;padding:0;"> <div style="margin:0 auto; width:600px; height:300px; background:red;" id="1"> <div id="2" style="margin:30px 0 0 0; width:200px; height:100px; background:grey;"> </div> </div> </body> </html> Почему div с id=2 делает отступ не относительно div c id=1 и более того получается так что тот же div c id=1 тоже получает отступ от верхней границы 30px ? В общем что я неправильно делаю или как это полечить ?
0 votes2 answers -
Позиционирование
День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…
0 votes4 answers -
Проблемка с before и after
Че то как то не охотно получается то что надо..... в общем вот http://jsfiddle.net/tns5b/5/ Вроде прописал нормально все, а он на всю ширину размещается, тока вот почему понять что то не могу...
0 votes4 answers -
Нужна помощь по размещению блока
Вот есть такой блок :Красным обвел то, что хочу добавить. Там хочу сделать ссылки. Вид ссылок хочу взять из этого скрипта. Помогите, пожалуйста, разместить и сделать это все. Из скрипта только внешний вид ссылок с оверлэем. Я новичок и пока с css не дружу) Для меня это как-то пока что сложновато=)) Спасибо
0 votes1 answer -
Что делать с фоном?
Привет всем) Такая проблема. Верстаю шапку сайта и там бекграунд. вот он http://hostingkartinok.com/show-image.php?id=bed25bb19a0ef684f99214990db85d98 проблема в том что он имеет ширину 1600px, и на мониторах с 1920 по бокам белые полосы, я отцентрировал. использовать background-size:cover, но его не поддерживает ie8. как быть?
0 votes2 answers -
как сделать вид
всем привет. как настроить вид для мобильных устройств? т.е., при входе на страницу, должно отображаться только меню сайта. без контента. В общем как к примеру моб. версией вк.
0 votes2 answers -
Не появляется картинка при наведении курсора на ссылку размещённую на окуржности созданной в svg
Доброго времени суток, люди добрые!!! Помогите пожалуйста. При наведении курсора на ссылку размещённую на окружности, нарисованной с помощью svg, должна по-идее появляться картинка, но она упортно этого делать не хочет. Помогите пожалуйста разобраться в причине. Все сопутствующие файлы во вложении. На обычной ссылке всё происходит как надо. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> .okrug span{ position: absolute; left: 500px; z-index: 100!important; visibility: hidden; } .okrug:hover span{visibility: visible;} </style> <object data="link.svg" t…
0 votes2 answers -
Кодировка формы обратной связи
Добрый день! Делал лендинг на bootstrap 4, я в этом деле новичок. Вставил форму обратной связи для отправки через mail.php и ajax. Кодировка на сервере utf-8, сервер nic.ru. Пользуюсь почтовым клиентом Outlook. Но нормально приходят на почту данные, которые заполнены на английском (например имя Kirill а не Кирилл). Если писать на русском, то приходит вот такое: п п╦я─п╦п╩п╩ Вот код обработчика: <?php $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $subject = $_POST['subject']; header('Content-Type: application/json'); if ($name === ''){ print json_encode(array('message' => 'Name cannot be empty…
0 votes0 answers -
Очень важно! Искал не нашел...
Ребят, помогите пожалуйста. Вроде находил похожие темы, но не находил нужного мне ответа. Сам сайт создать не могу - пока не хватает знаний, поэтому взял с uCoz вот этот готовый шаблон, т.к. он неплохой на вид и шапку легко заменить (единая-не поделенная на куски), вот только проблема в том, что ползунка прокрутки темы нету снизу и страница растянута, я понимаю что если ставить пробелы растягиваться страница не будет, но а как быть с большими рисунками? В общем как мне сделать, что бы тема была в своей ячейке и не вылазила за края, а края страницы оставались по краям браузера при увеличении страницы (ctrl+) и изменении разрешения экрана.
0 votes1 answer -
Нужна помощь
Всем привет... Впервые решил создать сайт,но никак не могу справиться с выравниванием рисунков...помогите ,а... вот что у меня получилось: Файл index: <html> <head> <title>Открытки HandMade </title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="verh1"> <div id="verh"> <img src="images/batterfly 2.gif" align="left"> <div id="verh-right"> <img src="images/butterfly.gif"> <div id="main"> <div id="niz_left"> <img src="images/Text.gif" align="left" align="bottom"> <div id="niz_right"> <img src="images/Left bot…
0 votes2 answers -
стилизация глубоко вложенного тега через внешний класс
Здравствуйте! Я новичек в деле CSS, наткнулся на такую задачку: есть страница, фрагмент которой представлен ниже. нужно написать правило для задания параметров тега с классом v-button-caption, но, унакальное имя у меня у всего этого это v-first. как мне через него пройти до низов и достучаться до цели? как правильно записать? <form class="v-first" target="PID84_TGT_FRAME" action="http://localhost:8080/vt/APP/UPLOAD/PID84/action/1f13badc-1ba8-4b64-9148-8939e0ea0ee3" method="post" enctype="multipart/form-data"> <div> <input type="hidden"> <input type="file" name="PID84_file" class="gwt-FileUpload"> <div class="v-button"> …
0 votes1 answer -
Проблема с полосами прокрутки
Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…
0 votes3 answers -
Hr с разрывом текстом
Друзья, подскажите как сделать так?
0 votes3 answers -
Вертикально-резиновый сайт
Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…
0 votes4 answers