Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Вопрос по Gif-анимации

    Прошу прощения, вопрос конечно не совсем в тему,но имеет к ней косвенное отношение. Верстаю тему для одного христианского сайта и столкнулся с необходимостью Gif-анимации. Для создания анимации использую Easy Gif Animator, но эта прога анимирует исключительно замкнутый цикл, то есть анимация начинается с первого кадра и заканчивается на нём же. Мне же нужно, чтобы она заканчивалась на последнем и всё. Для наглядности задачи: То есть нужно,чтобы свиток просто разворачивался и всё. Посоветуйте пожалуйста, как этого достигнуть. Может есть утилита, более подходящая для этой задачи. Спасибо

    Asked by bravada j,

    0 votes
    13 answers

  2. вложенная таблица - помогите плизз

    Не знаю,где ошибка,если не трудно помогите пожалуйста. дело в том,что есть 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"&…

    Asked by Lili,

    0 votes
    2 answers

  3. Не растягивается контент в ie

    Помогите разобраться почему в ie7 не хочет растягиваться стиль с контентом? хотя в FF все ок http://www.askplumbers.co.uk/index.php?opt...4&Itemid=23

    Asked by gvay,

    0 votes
    14 answers

  4. Адресная строка и адрес страницы

    Добрый день всем ! Очень часто встречаются сайты которые в адресной строке выглядят примерно так: www.kuku.ru/load/173-5-2 хотелось бы спросить, в папке load/173-5-2 на сервере есть файл index или есть еще какието способы не отображать имя файла в адресной строке? Спасибо

    Asked by bgraf,

    0 votes
    11 answers

  5. Растянуть элемент <video> на всю высоту родителя

    Вроде как по спецификации height: 100% работает если у родительского блока явно указана высота. В моем случае у блока с классом video-wrapper высота — 250px. Самому элементу <video> я указываю width: 100% и height: 100%, но он почему-то не растягивается на всю высоту. Вопрос: в чем проблема? Нужно, чтобы блок с классом controls "накладывался" на видео по нижней границе. Фиддл: http://jsfiddle.net/y2p80pjo/

    Asked by Aleksandr.L,

    0 votes
    7 answers

  6. Как сделать, чтобы таблица растягивала 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…

    Asked by Razor,

    0 votes
    14 answers

  7. Плавающее меню (position: fixed и прочее) (проблемы)

    Уважаеме форумчане! Прошу помощи. http://jsfiddle.net/rgSFb/ 1) Не получаеться настроить "адаптивность" меню под разные мониторы. Если недостаточный размер экрана, то содержание меню справа (style="float: right;") как и надо наезжает на первое, но при этом, нижнее меню (третье, блок nav_top_2) с поиском это всё закрывает, а я хочу, чтобы оно сезжало ниже. 2) Нужно центрировать поисковые элементы (содержимое nav_top_2). 3) Нужно сделать, чтобы начало содержимого страницы (там где текст "Start"), т.е. начало блока с контентом (id="content") шло после этого меню, т.е., чтобы на маленьком экране, меню не перекрывало контент, а наоборот, контент сезжал вниз. Заранее благодарен…

    Asked by frankus,

    0 votes
    10 answers

  8. Пропадают ссылки и текст

    Проблема вот в чем http://kdimon2005.narod.ru/13zarplata/index.html . При наведении в верхнем меню на ссылки "Главная,Кредит.." ниже пропадает текст "Укргазбанк и Ощадбанк объединяют банкоматные сети...."". Только в ИЕ6. С чем это связано? Может кто сталкивался с такой проблемой.

    Asked by zigmund,

    0 votes
    12 answers

  9. Как отцентрировать 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…

    Asked by dark25,

    0 votes
    2 answers

  10. Помогите плиз с картинками.

    Здравствуйте, у меня вот такой вопрос: Мне нужно чтобы картинки изменяли свой размер при изменении расширения экрана, т.е. например, на расширении экрана 1024 - 768 размер картинки был 300 -100 пикс., а на другом компьютере с расширением 1280 - 1024 размер картинки был 450-150. Можно ли так сделать ? Подскажите пожалуйста, как это сделать, и если можно показать на примере. Заранее блогодарен.

    Asked by Пашка,

    0 votes
    9 answers

  11. Помогите с 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.

    Asked by 121990,

    0 votes
    8 answers

  12. 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.…

    Asked by --FENDER--,

    0 votes
    2 answers

  13. DIV и вторая строка

    Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.

    Asked by Artlive,

    0 votes
    16 answers

  14. Вертикальное выравнивание на flex

    Добрый день. Хочу разобраться с вертикальным выравниванием на flex. Допустим такая задача как на картинке. Желтому блоку я задаю: { height: 300px; display: flex flex-flow: column nowrap; justify-content: center; align-items: center; } И все встает как надо, но только если нам известна высота желтого блока. Вопрос такой, как избежать указания фиксированной высоты для желтого блока?

    Asked by BehemothOz,

    0 votes
    1 answer

  15. Прикленный к нижней границе окна футер остается на месте при скроллинге

    Приветствую. Помоги пожалуйста разобраться со следующей проблемой. Есть страничка с центральным позиционированием div размером 980px. Внизу поставил div по ширине окна, "приклеил его" к нижнему краю браузера, по методике, описанной на многих ресурсах. Но есть проблема. При скроллинге, как "прикленный" футер первоначально встал, так он и скроллится, одновременно с содержимым. Причем если потянуть за нижний край окна, футер стоит у нижнего края постоянно. Как сделать так, чтобы футер "приклеился" к нижнему краю окна и оставался там, при скроллинге? Если, по каким-то причинам это невозможно, как сделать этот же div, по всей ширине окна, но чтобы он встал…

    Asked by IvanPetrovich,

    0 votes
    8 answers

  16. Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты

    Есть вот такой список: <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 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентифика…

    Asked by Омск,

    0 votes
    4 answers

  17. Расположение блоков

    Есть блок ширина которого неизвестна(с 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 блоков …

    Asked by Lazar,

    0 votes
    5 answers

  18. Проблемы С Версткой При Загрузке Сайта

    Сайт avtoclassika.com Верстка табличная, сайт сделан с помощью smarty Непонятная проблема при первой загрузке сайта или при обновлении через Crtl+F5 внизу идет баг с версткой, при последующем обновлении (просто F5) баг пропадает. Не буду кидать html код - там он оч большой Если кто сталкивался с такой проблемой или может сказать причину - помогите плиз

    Asked by Abyss,

    0 votes
    6 answers

  19. Как расположить изображение внизу?

    Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <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" нифига не работает - не хочет она вниз - хоть убейте! Как быть? Спасибо.

    Asked by rome.ro,

    0 votes
    3 answers

  20. 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…

    Asked by Dimentiy77,

    0 votes
    8 answers

  21. Список приипает к картинке

    В ФФ у маркеров списка отступ слева, в ИЕ и Опере маркеры списка прилипают к картинке. Нужно сделать так, чтобы маркеры списка шли на одном уровне с абзацем, т.е. так, как отображается в ФФ. Кто-нибудь может помочь советом, как это сделать? <!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{ …

    Asked by mongoose,

    0 votes
    9 answers

  22. Как увеличить поле 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…

    Asked by walaby,

    0 votes
    3 answers

  23. Отображение таблиц inline-объектом

    Приветствую. В голову на днях пришла идея отобразить таблицу строчным элементом: table {display: inline;} /* display: inline-block; for safari */ собственно что имеем? и имеем вполне нормальный строчный элемент который лежит на одной строке с иными элементами и нечего не сбрасывает на новую строку. а собственно получается мы можем в строку встраивать, помещая в таблицу, блочные элементы, сохраняя все их свойства и создавать довольно красивый не накрученный код. только вот мне стало интересно, насколько данный "прикол" уместен? в документации чтото я не нашел ничего по этому поводу. это баг или фича? Насколько можно использовать данную конструкцию и будет ли она поддержи…

    Asked by klierik,

    0 votes
    3 answers

  24. Кодировка

    здравствуйте. хотел спросить почему так вот есть пример http://www.mining-enc.ru/ если смотреть через ие с кодировкой все ок в фф кодировка гонит.. заранее спасибо.

    Asked by musulman,

    0 votes
    4 answers

  25. Событие "click" за границей блока

    Привет. Я бы хотел сделать форму авторизации в шапке сайта. Помогите, пожалуйста, поправить код, чтобы плашка не закрывалась при вводе. Там также при фокусе меняется border, но с этим разберусь как-нибудь https://codepen.io/bogdandranicin/pen/ZExZGeW

    Asked by ogoggg,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept