HTML Coding

29542 questions in this forum

1. Отображение в фотошопе и браузере

   Здравствуйте, подскажите пж как измерять размер элемента в фотошопе? Делаю так беру инструмент линейку измеряю ширину элемента выходит как на скрине 305 задаю ширину в css width:"305px" но элемент выходит больше. Расскажите пж как правильно замерять размер заранее спс!

   Asked by Rubik, June 6, 2012

   0 votes
   3 answers
2. Резиновое меню

   Собственно проблема в том, что у пунктов неравномерный отступ. Вот сайт: http://superpuff.ru/ Кто знает почему?

   Asked by miloslovesky, June 16, 2012

   0 votes
   2 answers
3. Адаптивная верстка

   Здравствуйте! Как сделать так, чтобы DIVы внутри контейнера "перепрыгивали" вниз, при уменьшении размера браузера, вплоть до одного элемента по горизонтали? <a target="_blank" href="http://www.radikal.ru"><img src="http://i049.radikal.ru/1207/c9/0ef06a0932bb.png" ></a>

   Asked by tpepost, July 4, 2012

   0 votes
   1 answer
4. Фиксированное положение элемента

   Здравия желаю! Есть элемент на странице. Когда пользователь скроллит страницу, то, этот элемент передвигается вместе со страницей. Дойдя до верхнего края страницы он должен зафиксироваться и всегда оставаться на экране. Подскажите, пожалуйста, как это можно реализовать? При обратном скроллинге, он должен будет встать на свое место, когда пользователь будет выше его первоначальных координат. Спасибо

   Asked by cartrege, August 27, 2012

   0 votes
   1 answer
5. 100% высоты HTML5

   Подскажите пожалуйста способ растяжки блока по высоте на 100% на странице с доктайпом 5 html. И так же хотел спросить linear-gradient никакой браузер не поддерживает, нужно вендорные префиксы использовать?

   Asked by tini.kRyptoNite, August 22, 2012

   0 votes
   3 answers
6. Верстка сложного изображения

   Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …

   Asked by Digidie, September 4, 2012

   0 votes
   0 answers
7. Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.

   Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?

   Asked by VasyOK{!}, October 7, 2012

   0 votes
   4 answers
8. горизонтальная прокрутка при выносе элемента за правый край

   Здравствуйте, коллеги! Подскажите, пожалуйста, как побороть появление горизонтальной прокрутки при абсолютном позиционировании элемента за правым краем страницы? Например, делаем элементу position:absolute; right: -160px; - получаем горизонтальный скроллбар на 160 пикселей... Помогает overflow:hidden для body или для блока-контейнера страницы, но тогда область страницы, не поместившаяся в один экран, скрывается...

   Asked by Elflight, December 14, 2012

   0 votes
   2 answers
9. Горизонтально-ориентированное положение страницы в Ipad

   Здравствуйте, друзья. Как-то встречался (или это плод моего воображения) мне мета-тег, который запрещает автоповорот страницы на Ipad и прочих планшетах. Если это действительно так, то помогите в данном вопросе, поделитесь, пожалуйста ссылочкой. Заранее благодарен всем откликнувшимся.

   Asked by goooooch, May 18, 2013

   0 votes
   1 answer
10. Счетчик посещений

    Подскажите пожалуйста сервис бесплатных счетчиков посещений...нужен такой, который ведет статистику посещений за все время, а не за сутки, неделю или месяц. Нужно, чтобы висел и показывал цифру....если всего на сайт было миллион переходов, то он пусть и показывает миллион.

    Asked by xSPiRiTx, June 3, 2013

    0 votes
    1 answer
11. Почему DIV внутри DIV'а растягивается по ширине?

    http://jsfiddle.net/b7bDy/ Почему-то DIV внутри (с зеленым бордером) растягивается по ширине, а не прижимается к картинке вокруг. Почему так?

    Asked by GuitarFan, June 6, 2013

    0 votes
    3 answers
12. Бешеные 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 ? В общем что я неправильно делаю или как это полечить ?

    Asked by Anexin, October 2, 2013

    • div
    0 votes
    2 answers
13. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <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…

    Asked by 3d_max_9, October 26, 2013

    0 votes
    4 answers
14. Проблемка с before и after

    Че то как то не охотно получается то что надо..... в общем вот http://jsfiddle.net/tns5b/5/ Вроде прописал нормально все, а он на всю ширину размещается, тока вот почему понять что то не могу...

    Asked by BSandro, November 21, 2013

    0 votes
    4 answers
15. Нужна помощь по размещению блока

    Вот есть такой блок :Красным обвел то, что хочу добавить. Там хочу сделать ссылки. Вид ссылок хочу взять из этого скрипта. Помогите, пожалуйста, разместить и сделать это все. Из скрипта только внешний вид ссылок с оверлэем. Я новичок и пока с css не дружу) Для меня это как-то пока что сложновато=)) Спасибо

    Asked by Dimkar, April 8, 2014

    0 votes
    1 answer
16. Что делать с фоном?

    Привет всем) Такая проблема. Верстаю шапку сайта и там бекграунд. вот он http://hostingkartinok.com/show-image.php?id=bed25bb19a0ef684f99214990db85d98 проблема в том что он имеет ширину 1600px, и на мониторах с 1920 по бокам белые полосы, я отцентрировал. использовать background-size:cover, но его не поддерживает ie8. как быть?

    Asked by raptor-dm, October 21, 2014

    0 votes
    2 answers
17. как сделать вид

    всем привет. как настроить вид для мобильных устройств? т.е., при входе на страницу, должно отображаться только меню сайта. без контента. В общем как к примеру моб. версией вк.

    Asked by DeadDay, May 5, 2015

    0 votes
    2 answers
18. Не появляется картинка при наведении курсора на ссылку размещённую на окуржности созданной в 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…

    Asked by Иван98, January 6, 2016

    0 votes
    2 answers
19. Кодировка формы обратной связи

    Добрый день! Делал лендинг на 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…

    Asked by Coby87, November 26, 2018

    0 votes
    0 answers
20. Очень важно! Искал не нашел...

    Ребят, помогите пожалуйста. Вроде находил похожие темы, но не находил нужного мне ответа. Сам сайт создать не могу - пока не хватает знаний, поэтому взял с uCoz вот этот готовый шаблон, т.к. он неплохой на вид и шапку легко заменить (единая-не поделенная на куски), вот только проблема в том, что ползунка прокрутки темы нету снизу и страница растянута, я понимаю что если ставить пробелы растягиваться страница не будет, но а как быть с большими рисунками? В общем как мне сделать, что бы тема была в своей ячейке и не вылазила за края, а края страницы оставались по краям браузера при увеличении страницы (ctrl+) и изменении разрешения экрана.

    Asked by Levis, February 10, 2009

    0 votes
    1 answer
21. Нужна помощь

    Всем привет... Впервые решил создать сайт,но никак не могу справиться с выравниванием рисунков...помогите ,а... вот что у меня получилось: Файл 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…

    Asked by Ruzzel, November 16, 2010

    0 votes
    2 answers
22. стилизация глубоко вложенного тега через внешний класс

    Здравствуйте! Я новичек в деле 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"> …

    Asked by mgurov, April 13, 2011

    0 votes
    1 answer
23. Проблема с полосами прокрутки

    Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…

    Asked by voldemar87, July 29, 2011

    0 votes
    3 answers
24. Hr с разрывом текстом

    Друзья, подскажите как сделать так?

    Asked by ganzales, December 28, 2011

    0 votes
    3 answers
25. Вертикально-резиновый сайт

    Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…

    Asked by Impulse, January 11, 2012

    0 votes
    4 answers