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
-
Вопрос по Gif-анимации
Прошу прощения, вопрос конечно не совсем в тему,но имеет к ней косвенное отношение. Верстаю тему для одного христианского сайта и столкнулся с необходимостью Gif-анимации. Для создания анимации использую Easy Gif Animator, но эта прога анимирует исключительно замкнутый цикл, то есть анимация начинается с первого кадра и заканчивается на нём же. Мне же нужно, чтобы она заканчивалась на последнем и всё. Для наглядности задачи: То есть нужно,чтобы свиток просто разворачивался и всё. Посоветуйте пожалуйста, как этого достигнуть. Может есть утилита, более подходящая для этой задачи. Спасибо
0 votes13 answers -
вложенная таблица - помогите плизз
Не знаю,где ошибка,если не трудно помогите пожалуйста. дело в том,что есть 2 таблицы, одна из них вложена в другую - и вроде должна отображаться сверху, но она съезжает вниз,как будто у нее параметр align - левый нижний угол. никак не могу понять в чем дело, параметр valign почему-то не помогает, пробовала в разные места его засунуть. вот код: <table width="803" align="center" border="5" bordercolor="#422464" > <tr><td width="795" colspan="2"><div class="tex" align="center"> <h3>...</h3> </div></td> </tr> <tr class="menu" height="45" align="center"><td width="795" colspan="2"> <a href="index.htm"&…
0 votes2 answers -
Не растягивается контент в ie
Помогите разобраться почему в ie7 не хочет растягиваться стиль с контентом? хотя в FF все ок http://www.askplumbers.co.uk/index.php?opt...4&Itemid=23
0 votes14 answers -
Адресная строка и адрес страницы
Добрый день всем ! Очень часто встречаются сайты которые в адресной строке выглядят примерно так: www.kuku.ru/load/173-5-2 хотелось бы спросить, в папке load/173-5-2 на сервере есть файл index или есть еще какието способы не отображать имя файла в адресной строке? Спасибо
0 votes11 answers -
Растянуть элемент <video> на всю высоту родителя
Вроде как по спецификации height: 100% работает если у родительского блока явно указана высота. В моем случае у блока с классом video-wrapper высота — 250px. Самому элементу <video> я указываю width: 100% и height: 100%, но он почему-то не растягивается на всю высоту. Вопрос: в чем проблема? Нужно, чтобы блок с классом controls "накладывался" на видео по нижней границе. Фиддл: http://jsfiddle.net/y2p80pjo/
0 votes7 answers -
Как сделать, чтобы таблица растягивала body
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr"> <head> <title>таблица</title> <style> html, body { width: 100%; margin: 0; padding: 0; } body { border: 1px solid green; } table td { border: 1px solid blue; width: 100%; margin: 0 0 0 auto; } </style> </head> <body> <table> <tr> <td>333333333333333333333333333333333333333333</td> <td>1111111111111111111111111111111111111111111111111111111111111111111</td> <td>22222222…
0 votes14 answers -
Плавающее меню (position: fixed и прочее) (проблемы)
Уважаеме форумчане! Прошу помощи. http://jsfiddle.net/rgSFb/ 1) Не получаеться настроить "адаптивность" меню под разные мониторы. Если недостаточный размер экрана, то содержание меню справа (style="float: right;") как и надо наезжает на первое, но при этом, нижнее меню (третье, блок nav_top_2) с поиском это всё закрывает, а я хочу, чтобы оно сезжало ниже. 2) Нужно центрировать поисковые элементы (содержимое nav_top_2). 3) Нужно сделать, чтобы начало содержимого страницы (там где текст "Start"), т.е. начало блока с контентом (id="content") шло после этого меню, т.е., чтобы на маленьком экране, меню не перекрывало контент, а наоборот, контент сезжал вниз. Заранее благодарен…
0 votes10 answers -
Пропадают ссылки и текст
Проблема вот в чем http://kdimon2005.narod.ru/13zarplata/index.html . При наведении в верхнем меню на ссылки "Главная,Кредит.." ниже пропадает текст "Укргазбанк и Ощадбанк объединяют банкоматные сети...."". Только в ИЕ6. С чем это связано? Может кто сталкивался с такой проблемой.
0 votes12 answers -
Как отцентрировать div с float: left?
Как отцентрировать div с float: left? что та не получается, а это вообще возможно? или как отменить родительскую ширину? у меня блок с ценой тянется на всю ширину, а мне надо тока под ширине тексту который внутри блока. http://s016.radikal.ru/i337/1104/3e/351ca8d52474.jpg <div class="product_options"> <div class="price_block"><div class="price_block_right"> <span class="number_price">28990 руб.</span> </div></div> <a href="#">Apple iPhone 3GS 8 ГБ (Черный)<br />MC637RR/A</a> </div> .product_options{ text-align:center;} .price_block{ height:24px; background:#000; color:#fff; font-size:14px; line-height…
0 votes2 answers -
Помогите плиз с картинками.
Здравствуйте, у меня вот такой вопрос: Мне нужно чтобы картинки изменяли свой размер при изменении расширения экрана, т.е. например, на расширении экрана 1024 - 768 размер картинки был 300 -100 пикс., а на другом компьютере с расширением 1280 - 1024 размер картинки был 450-150. Можно ли так сделать ? Подскажите пожалуйста, как это сделать, и если можно показать на примере. Заранее блогодарен.
0 votes9 answers -
Помогите с background
Завел я свой блог, и решил изменить фон. В настройках можно редактировать СSS. Написал body { background-image: url("http://attachments-blog.tut.by/29555/files/2009/12/fon.jpg"); background-repeat: no-repeat; background-position: center ; background-attachment: fixed; } Получилось с белыми отступами по бокам. Пробовал другие тэги, не получается все равно сделать фон на всю страницу. Может есть стандарное разрешение, которое нужно использовать. Размер моей картинки 1024x927.
0 votes8 answers -
Footer
Добрый день. У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре. Код css: body{ background-color: #3f822e ; background-image: url(img/fon1.png); background-repeat: repeat-x; margin: 0px; } .main{ background-image: url(img/fon2.png); height: 875px; width: 1000px; margin: 0 auto; } .footer{ background-image: url(img/foot1.png) ; height: 72px; width: 1000px; position: absolute; bottom: 0px; margin: 0 auto; background-color: #142A0E; } Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.…
0 votes2 answers -
DIV и вторая строка
Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.
0 votes16 answers -
Вертикальное выравнивание на flex
Добрый день. Хочу разобраться с вертикальным выравниванием на flex. Допустим такая задача как на картинке. Желтому блоку я задаю: { height: 300px; display: flex flex-flow: column nowrap; justify-content: center; align-items: center; } И все встает как надо, но только если нам известна высота желтого блока. Вопрос такой, как избежать указания фиксированной высоты для желтого блока?
0 votes1 answer -
Прикленный к нижней границе окна футер остается на месте при скроллинге
Приветствую. Помоги пожалуйста разобраться со следующей проблемой. Есть страничка с центральным позиционированием div размером 980px. Внизу поставил div по ширине окна, "приклеил его" к нижнему краю браузера, по методике, описанной на многих ресурсах. Но есть проблема. При скроллинге, как "прикленный" футер первоначально встал, так он и скроллится, одновременно с содержимым. Причем если потянуть за нижний край окна, футер стоит у нижнего края постоянно. Как сделать так, чтобы футер "приклеился" к нижнему краю окна и оставался там, при скроллинге? Если, по каким-то причинам это невозможно, как сделать этот же div, по всей ширине окна, но чтобы он встал…
0 votes8 answers -
Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты
Есть вот такой список: <ol> <li id="st">Пункт 1</li> <li><strong>Пункт 2</strong> <ul id="otstup" type="disc"> <li>Подпункт 1</li> <li>Подпункт 2</li> <li>Подпункт 3</li> <li>Подпункт 4</li> <li>Подпункт 5</li> </ul> </li> Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится. В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентифика…
0 votes4 answers -
Расположение блоков
Есть блок ширина которого неизвестна(с id=pageMenu). В этот блок помещается ещ? n-е количество блоков с сылками. Надо чтобы все эти n блоков полностью заняли объ?м блока с id=pageMenu Код: #pageMenu{ margin: 0px auto; position: relative; height: 15px; display: block; text-align: center; border: 1px solid red; } #pageMenu .menu{ margin: 0px auto; background: white; display: block; float: left; cursor: hand; width: 25%; text-decoration: none; border: 1px solid red; } При такой записи я взял n=4 при этом если дописать /*border: 1px solid red;*/ что я и сделал , то 4-й блок переносится на другую строку, чего я не хочу.. Вобщем, надо чтобы все эти n блоков …
0 votes5 answers -
Проблемы С Версткой При Загрузке Сайта
Сайт avtoclassika.com Верстка табличная, сайт сделан с помощью smarty Непонятная проблема при первой загрузке сайта или при обновлении через Crtl+F5 внизу идет баг с версткой, при последующем обновлении (просто F5) баг пропадает. Не буду кидать html код - там он оч большой Если кто сталкивался с такой проблемой или может сказать причину - помогите плиз
0 votes6 answers -
Как расположить изображение внизу?
Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <div style="height:500px;"> <img width="100"height="250"src="bla-bla-bla.jpg"align="BOTTOM"> </div> В итоге - эта картинка, как отображалась вверху блочного элемента - так и отображается! Причем align="left" или align="right", или align="top" работает - т.е. имага нормально себя ведет и позиционируется соответственно как ей было указано. А вот align="bottom" нифига не работает - не хочет она вниз - хоть убейте! Как быть? Спасибо.
0 votes3 answers -
Select HELP!
Просьба сильно не пинать, т.к еще совсем новичек Необходимо, чтобы при выборе "Другой" появлялись два окна для ввода значений высоты и ширины Есть : <select name="select1" onclick="selectValue(this.form)"> <option value="90x50">90 х 50 мм</option> <option value="other">Другой</option> </select> <span id="_format_other_child">→ <input type="text" size="10" name="format_other_opt1" class="short" /> x <input type="text" size="10" name="format_other_opt2" class="short" /> мм</span> Методом долгих поисков по отрывкам, путем мутаций кодов родил: <script type="text/javascript"> function sele…
0 votes8 answers -
Список приипает к картинке
В ФФ у маркеров списка отступ слева, в ИЕ и Опере маркеры списка прилипают к картинке. Нужно сделать так, чтобы маркеры списка шли на одном уровне с абзацем, т.е. так, как отображается в ФФ. Кто-нибудь может помочь советом, как это сделать? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <style> *{ padding:0; margin: 0; } img{ float: left; margin-right: 20px; width: 185px; } li{ …
0 votes9 answers -
Как увеличить поле form и сделать красивое обрамление ?
Создал контактную форму - не могу разобраться - как увеличить поля (через css или нет), тк они получились маленькими, особенно где должен быть текст сообщения php код вот: <form method="post" action="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" id="contactform"> <strong>Имя</strong>*<br/> <input type="text" class="textbox" id="cp_name" name="cp_name" value="<?php echo $cp_name;?>" /><br/><br/> <strong>E-mail адрес</strong>*<br/> <input type="text" class="textbox" id="cp_email" name="cp_email" value="<?php echo $cp_email;?>" /><br/><br/> &l…
0 votes3 answers -
Отображение таблиц inline-объектом
Приветствую. В голову на днях пришла идея отобразить таблицу строчным элементом: table {display: inline;} /* display: inline-block; for safari */ собственно что имеем? и имеем вполне нормальный строчный элемент который лежит на одной строке с иными элементами и нечего не сбрасывает на новую строку. а собственно получается мы можем в строку встраивать, помещая в таблицу, блочные элементы, сохраняя все их свойства и создавать довольно красивый не накрученный код. только вот мне стало интересно, насколько данный "прикол" уместен? в документации чтото я не нашел ничего по этому поводу. это баг или фича? Насколько можно использовать данную конструкцию и будет ли она поддержи…
0 votes3 answers -
Кодировка
здравствуйте. хотел спросить почему так вот есть пример http://www.mining-enc.ru/ если смотреть через ие с кодировкой все ок в фф кодировка гонит.. заранее спасибо.
0 votes4 answers -
Событие "click" за границей блока
Привет. Я бы хотел сделать форму авторизации в шапке сайта. Помогите, пожалуйста, поправить код, чтобы плашка не закрывалась при вводе. Там также при фокусе меняется border, но с этим разберусь как-нибудь https://codepen.io/bogdandranicin/pen/ZExZGeW
0 votes1 answer