HTML Coding

29542 questions in this forum

1. верстка DIV контейнеров

   Помогите сверстать div контейнеров. ссылка на то что есть http://potfel.esy.es/uchis-upravlyt.htm нужно чтобы div контейнеры с темами статей шли друг за другом без больших разрывов в 2 столба <div class="work-area"> <div class="post"> <a href="radislav.htm"> <img src="uchis-upravlyt/img/radislav.jpg"> <h2>Правила ведения бизнеса в эпоху перемен</h2> <p>Рять советов бизнес-тренера Радислава Гандапаса</p> </a> </div> <div class="post"> <img src="uchis-upravlyt/img/workdream.jpg"> <h2>Как стать работодателем мечты</h2> </div> <div class="post"> …

   Asked by Lin888, March 27, 2015

   • div
   • dthcnrf
   • css
   • версткаб
   0 votes
   5 answers
2. Вопрос по вёрстке.

   Добрый вечер. Чтоб не спамить разными сообщениями на форуме создам все тут. #Вопрос 1. Я пока не нашел ответ в гугле, спрошу тут и пойду искать дальше. Шапка сайте идет на всю ширину экрана(лого и форма поиска). а вот ее сайт(статьи меню и т.д) идут в блоке с каждой стороны примерно по 10% ширины нет(как margin я как понимаю) и там ничего не должно быть активно. там будет свой фон. Вот как можно это сделать сразу? я подумал сначала сделать в body убрать по 10% с каждой стороны но у меня там шапка. На текущий момент кроме как когда создавать блоки с контентом их каждый в писать ширину и поля с отступами. Подскажите как это сделать сразу же заранее.

   Asked by Twix, May 10, 2019

   • css
   • html
   0 votes
   2 answers
3. Помогите с IMG

   Если кто может подскажите пожалуйста ( скидка на бестолковость) сайт на DIVах шапка , вертикальное меню и три колонки к средней колонке код такой <div id="content"> <div class="shadow"> <div class="blok"> <a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222" ></a> <p>Lorem Ipsum is simply </p> </div> </div> СSS #content{ margin-left: 331px; margin-right: 400px; background-color: #DBDBDB; } .img{ padding-top: 20px; padding-left: 10px; margin-left: 0px; margin-top:0px; } .shadow{ background: #9a9696; border: 1px solid #ddd;…

   Asked by Tashka, February 18, 2010

   0 votes
   4 answers
4. overflow: hidden и position: relative

   Добрый день уважаемые форумчане, собственно столкнулся с проблемой, только с IE 8 вот ссылка h++p://esh-te.ru/ на сайт где видно, что в IE 8 блок с картинками раздвигается и 4-ая картинка спускается вниз. В других браузерах все в порядке. Подскажите пожалуйста в чем может быть проблема? почитал и попробовал разные варианты с overflow: hidden и position: relative нечего не получается

   Asked by dfg, June 25, 2010

   0 votes
   3 answers
5. Приключения float, clear и двухколоночного макета

   В общем, задача сделать что-то типа блога. Макет — духколоночный. Слева маленькая колонка, справа — контент. В «контенте» идёт заголовок-ссылка на страницу и анонс этой самой страницы — таких блоков (заголовок-анонс) на странице по нескольку штук. Но вот только есть одна неприятность. Вот примерно что нужно. Вроде всё так, как я хочу. Но тут возникает проблема с картиками, у которых есть флоат — блоки начинают тоже обтекать картинку, это не есть гуд. Пытаемся решить проблему при помощи clear — блоки встают в порядке нормальной очереди, но вот только вся колонка сползает вниз. Помогите, люди добрые! Хочется и рыбку съесть и, чтобы блоки не уползали.

   Asked by Veseloff, January 8, 2011

   0 votes
   8 answers
6. Как выбрать только используемые стили

   Добрый день Есть страница, которая использует стили из нескольких css файлов. В этих файлах есть также много стилей, которые используются на других страницах сайта, но не используются на данной. Если ли какой-то CSS редактор, который бы автоматически выбрал только используемые стили и соединил их все в один файл?

   Asked by astone, February 11, 2011

   0 votes
   3 answers
7. Два <div> в одну строку

   Здравствуйте! Подскажите пожалуйста, как расположить два дива в одну строку в данном случае? .container1 { width: 100%; padding: 20px 0 20px 0; background: #000; } .container1 .new { width: 470px; padding: 20px; margin: 0 auto; } .container1 .last { width: 470px; float: right; padding: 20px; } Скриншот: Пробовал играться с float-ами, как в основном советуют — не получается.

   Asked by vladsypchenko, October 17, 2013

   0 votes
   4 answers
8. Проблема, когда ширина монитора меньше ширины макета

   Здравствуйте. Верстаю макет сайта. У самого монитор в ширину 1024px. Размер макета в ширину 1200px. Для таких мониторов, как у меня должна появляться горизонтальная полоса прокрутки. Она появляется. Но в от в чем проблема. Есть общий блок footer. header { background: url('../img/header_bg.jpg') no-repeat center top; min-height: 1241px; margin: auto; overflow: visible; width: auto; } который служит просто подкладкой и в котором есть фоновое изображение. Его ширина 1 920px. Оно отображается, приведу скрин: Но когда прокручу вправо: фоновое изображение тупо обрезается. Если менять масштаб, то обрезанная область появляется. overflow: visible; не пом…

   Asked by Edward, December 8, 2013

   0 votes
   13 answers
9. JS vs CSS анимации

   Всем доброго дня. Я достаточно давно не занимался версткой, последний раз когда я что-то верстал - css3 и html5 были новинкой и все боялись их использовать из-за весьма скудной поддержки браузерами, вся анимация делалась на jquery в основном. Я так понимаю в данный момент эти технологии являются мейнстримом? Собственно я покурил гугл какое-то время и пришел к выводу, что анимации в современной реальности в большинстве случаев делаются на css3. Я понимаю профит от использования css вместо js - оптимизация, в следствие чего плавность и т.п. Собственно интересует мнение практикующих, насколько верно мое мнение по поводу распространенности css3 анимаций, и насколько хорошо эт…

   Asked by infidel, September 20, 2015

   0 votes
   9 answers
10. Ruby on reils уже не актуально?

    Извините ,если я прослоупочил все , но интересно от старших товарищах услышать их мнение по данному языку ruby , фреймворку(ruby on reils) ? стоит ли их начинать изучать? актуальны ли они ? вроде спрос есть , как в гугл введешь запрос , но по сути ,если полазить ,то часто встречаешь спрос на питонов с пшп ... вывод напрашивается , либо язык не востребованный , либо представителей нет ...Если вы есть на форуме напишите ,как у вас дела , что с работой , умирает ли этот язык или есть у него еще будущие ?

    Asked by rootnoob, November 11, 2015

    0 votes
    2 answers
11. Как уменьшить размеры шрифтов для Windows Phone?

    Всем привет! Недавно сверстал такую адаптивную страничку: http://word-master.hostifree.ru В браузере вроде бы все хорошо, но попробовал зайти со своей Nokia Lumia 520 (Windows phone, стандартный Internet Explorer) и ужаснулся: размеры шрифтов вообще не соответствуют тем, что прописаны в css - они гораздо больше. Из-за этого вся страница, ес-но, расползается.Пробовал искать в настройках самого браузера что-нибудь запрещающее уменьшение шрифта - там тоже нету.. Вопрос: как заставить мобильный браузер отображать именно те размеры шрифтов, которые я пропишу в самом css? Те, что сейчас отображаются в браузере, гораздо больше прописанных мной (они будто не могут уменьшиться н…

    Asked by Nibaluiso, December 22, 2015

    0 votes
    4 answers
12. Не получается правильно написать transition

    Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?

    Asked by IvanRu08, October 27, 2017

    0 votes
    4 answers
13. Про адаптацию меню....

    Дорогие соколлеги. Я сам по себе веб-дизигнер, с упором больше на слово "дезигнер", чем на "веб". То бишь всю сознательную жизнь я провожу в фотошопе, а не в html редакторе. Но так получилось, что мне сейчас нужно сверстать сайт. И я это практически сделал. И даже на дивах. Проблема вот в чем. Есть горизантальное ява-меню. В Файрфоксе и IE 7 все сверстано ровно, на том месте, где должно быть, в общем все хорошо. А вот в IE 6 это меню почему-то не горизонтальное, а вертикальное. То есть каждая последующая ячейка находится под предыдущей, да еще и разъезжается чуть ли ни на всю ширину браузера... Кто может помочь решить эту проблему? Если нужен кусок кода - вы только…

    Asked by Drago, January 21, 2008

    0 votes
    3 answers
14. карты google

    В общем на мо?м сайте есть раздел где нужно указывать местоположение объектов. Это удобно делать при помощи google map. Я скачал код карты 500х350. И мне нужно сделать чтоб карта разворачивалась при нажатии на кнопку "смотреть на карте" и сворачивалась от кнопки "скрыть карту" без перезагрузки страницы. Подскажите как это зделать. (не php). Код карты находиться в теге iframe

    Asked by eniken, May 25, 2008

    0 votes
    3 answers
15. Опера видит скрытые блоки, или как убрать полосу прокруткм браузера

    Есть блок со скролом, все вмещается в окно браузера, но когда при прокрутке идет подгрузка аяксом в этот блок содержимого, то опера это содержимое видит, хотя оно внутри блока, в остальных браузерах все нормально

    Asked by LossBull, April 11, 2010

    0 votes
    4 answers
16. Центрирование страницы

    Вроде бы простейший пример, не соображу где накосячил Необходимо разместить отображение сайта по центру. Пример: <body> <div class="wrapp"> <div id="left"> </div> <div id="right"> </div> </div> </body> *css style html,body { font: normal 10pt Arial,Helvetica,sans-serif; background:#D0DCF4 url(bg.jpg) repeat-x top; } .wrapp{ width: 1200px; } #left{ float: left; /*min-height для IE*/ height: auto !important; height: 100%; min-height:650px; width: 400px; background:#D0DCF4 url(menu.jpg) no-repeat top; } #right{ float: r…

    Asked by cul8er, April 20, 2011

    0 votes
    9 answers
17. Как обновить карту в млдальном окне

    Привет. Есть кнопка с описанием "подробнее" она вызывает модально окно <div class="readMore"><a href="#openModal" class="btn btnSmall" ><span>подробнее</span></a></div>Вызывается окно в IFrame <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <h2>"Зеркальное" озеро</h2> <p style="color:black">Координаты: 43°32'3"N 39°50'34"E </p> <iframe id="n1" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.ru/maps?f=q&source=s_q&hl=ru&geocode=&q=43%C2%B032…

    Asked by romoga, May 11, 2014

    • модальноеокно
    • карта
    0 votes
    2 answers
18. Склеивание сайтов

    Добрый день, нужна помощь умных людей. Имеется сайт на хостинге (неивесный мне) и имеется сайт (html) на компьютере который я делал. Вопрос. Как мне заменить сайт на хостинге тем который у меня на компьютере, чтобы он не потерял свои позиции в поисковых системах. Тупо заменил в файловом менеджере хостинга, но все равно в поиске старый сайт и при переходе по ссылке ошибка о том что страница не существует, что делать, тема горит.

    Asked by forme, April 24, 2015

    • сайт склеивание
    • html
    0 votes
    10 answers
19. Маркер строки в виде точек от текста до цены

    Как сделать вот такой элемент адаптивным?Что бы часть точек при уменьшении экрана пропадали?

    Asked by Konstantin99, September 15, 2016

    0 votes
    5 answers
20. Проблемы медиазапросов

    почему именно на определенном пикселе в адаптивной версте все ламается, тоесть если 1200 все ломаеться, а если 1199 и 1201 то все хорошо? Что в таких случаях делать?

    Asked by irina_f, February 13, 2017

    • html
    • css
    • responsive
    0 votes
    7 answers
21. Математика и Веб-программирование

    Всем привет. Начал я недавно изучать JavaScript. Раньше, косвенно (в техникуме) изучал C++ (ну и по-стандарту: Pascal, Basic). Сейчас вот решил заняться вёрсткой, а в будущем хотелось бы перейти в JavaScript программисты. С JS вроде всё нормально, но вот задался вопросом насчёт математики. Ясное дело, что программисту очень нужна математика. Сейчас я в выпускном классе на заочном и за последние года 3 не очень часто занимался математикой, и успел всё забыть. Но раньше с ней дружил хорошо. Вот и решил вернуть свои навыки, но так как время идёт, хотелось бы расставить приоритеты в её изучении. Вот собственно и сам вопрос: Можно ли получить примерный список ра…

    Asked by Tascan, November 22, 2017

    0 votes
    2 answers
22. Не работают ява скрипт

    Не работают ява скрипт на мобильных устройствах. <!DOCTYPE html> <html lang="ua-UA"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/style.css"> <script type="text/javascript" src="/function.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Управління LED</title> </head> <body onload="load();"> <div class="container"> <div class="row" style="text-align:center;"> <h1 style="margin:50px;">У…

    Asked by Gora, May 5, 2018

    0 votes
    3 answers
23. Как поменять шапку сайта

    Люди дайте мне ответ у меня есть сайт, я немогу поменять шапку сайта, помогите((

    Asked by Андрей11, June 15, 2008

    0 votes
    1 answer
24. <img src="...." title=" "> А как title в CSS

    нужно чтобы к картинге добавлялась подпись, в обычном штмл это тайтл, а как в цсс тож самое сделать например: h1.logo a { background: url(../images/logo.gif) no-repeat; display: block; float: left; height: 45px; outline: none; text-indent: -5000px; text-transform: uppercase; width: 264px; } к этому логу нужно добавить тайтл. заранее благодарю!

    Asked by binladen, July 30, 2008

    0 votes
    2 answers
25. текст растягивает табличу или "прячется"

    К примеру использование overflow: hidden; <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> растягивает таблицу, если строку погрузить в контейнет div то часть строки прячется. как сделать так чтоб не растягивалась и не пряталась? нашел nowrap было <td nowrap> <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> </td>

    Asked by clgs, December 12, 2008

    0 votes
    1 answer