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
29,542 questions in this forum
-
Проблема. Не тянутся блоки по высоте
написал обычный двухколонный сайт: верх, под ним две колонки, ниже(типа футер). при добавлении текста тянется только одна колонка, которая с текстом, при чем наплывая на футер и т.д. вниз как сделать нормаль подскажите пожалуйста <body marginheight="0" marginwidth="0" alink="#F0F47A" vlink="#F0F47A"> <a name="up" id="up"></a> <div> <div class="head"> <div class="logo"><jdoc:include type="modules" name="top" /></div> <table cellpadding="0" cellspacing="0" class="pill"> <tr> <td class="pill_m"> <div id="pillmenu"> <jdoc:include type="modules" name="user3"…
0 votes1 answer -
Проблема. Табличный дизайн. ASP. CSS
Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или…
0 votes0 answers -
Проблеме промежутка
Все доброе время суток! У меня проблема с промежутком между type="componet" и type="modules" Чтоб я не делал в html и в css не получается сдвинуть блоки между черный блоком и красный большой промежуток Помогите плиз, вся надежда на вас HTML <div id="content_middle"> <div id="content"> <jdoc:include type="component" /> </div><!-- END CONTENT --> <div id="clear"></div> <div id="news"> <jdoc:include type="modules" name="news" /> </div><!--END NEWS--> <div id="banner-bottom"> <jdoc:include type="modules" name="banner-bottom" /> …
0 votes4 answers -
Проблемища при масштабировании
При масштабировании ("ctrl"+"-") блоки съезжают друг под друга. Это такой баг браузеров и стоит забить, или же нужно делать как-то по-другому? При смене же разрешения ничего не смещается. Ну не переношу, когда вёрстка разваливается при масштабировании Это не первый момент с float в моих работах, раньше забивал, теперь хочется понять, почему так происходит? спасибо заранее <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> h…
0 votes21 answers -
Проблемка
http://www.pokercollection.ru/ Объясните пожалуйста почему это происходит, и как с этим бороться?
0 votes9 answers -
Проблемка
1.В общем сверстал на дивах сайт, все вроде бы хорошо,вот только проблема с загрузкой, меня просто раздражает, когда один блок(с рисунком) на котором расположен основной контент исчезает на 1 сек, как бы мелькает,раньше эта проблема была почти на всех блоках которые не вставлены через img, теперь все сделал нормально,но все-равно этот блок так загружается когда переходишь на другую страницу. 2.У меня почему-то в ИЕ все что расположенно на блоке (о котором писал выше) а именно баннер, текст все съезжает вниз.Причем в Опере и в МФ все норм.
0 votes11 answers -
проблемка
Проблема такая - имеется div, в который вложен другой div, и имеется картинка (<img>). При наведении мышки на картинку текст, находящийся в атрибуте alt, должен быть записан в первый (родительский) из этих двух divов. Считывается текст корректно, но с записью проблемы - div остается неизменным, хотя при выведении innerhtml через alert отображается содержимое этого diva так, как должно быть при корректной работе скрипта. Пробовал вложенный div добавлять вместе с текстом из alt, но это ничего не изменило. код html: <div class="abouter" id="a"></div> код js: var r = elem.getAttribute("alt"); document.getElementById('a').innerHtml = r+"<div class=\"a…
0 votes2 answers -
Проблемка (строчка)
Есть вот такой код: <table cellpadding=0 cellspacing=0 border=0 > <tr> <td height=42 align=center valign=center style='border:1px solid black;'> <img border=1 src=zalivka.gif height=42 width=150><div style='position: relative; top: -50%; margin: 0 0 0 0;'>Текст</div> </td> <td> <img src=right.gif height=42> </td> </tr> </table> Т.е. в ячйке имеется картинка с градиентом, а на ней нужно вывести текст. Данный код это делает, текст оказывается на картинке. Но вот под картинкой почему то белая строка. Как будто фон от текста там остался, ну или перенос строки Или то что я хочу никак не сделать? П…
0 votes6 answers -
Проблемка в адаптивном дизайне, гуглил-не нашел.
Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной. в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить? Заранее благодарю. код - шапки #header{ position:relative; margin: 0 10%; width:80%; } код колонок - #col_left{ float:left; width:50%; height:auto; } #col_center{ float:left; width:20%; height:auto; } #col_right{ float:left; width:30%; height:auto; } как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)
0 votes12 answers -
проблемка в таблице...
как сделать чтоб текст был в верхнем левом углу например??? align="left" это чтоб левее. а как что он вверх поднялся???
0 votes6 answers -
Проблемка небольшая
Вобщем, надо сделать чтобы картинка и текст под ней (назовем это для краткости карточкой) были отцентрированы по центру. Т.е. чтобы карточки распологались друг за другом... Ой че-то я запутался как сказать =). Вобщем вот код. работает только в ИЕ7, Опера и ФФ. Не работает в Сафари и, кажется, в ИЕ6. Как сделать чтоб везде работало? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> <title>Титле</title> <style> body{text-align:center} table{width: 100px; text-align: center; display:inline;…
0 votes8 answers -
Проблемка при переходе с bootstrap 3.3.7 на 4.1.0
Всем привет, В Laravel 5.6 /vuejs2.5 приложении перешел с bootstrap 3.3.7 на 4.1.0 и читая доку http://bootstrap-4.ru/docs/4.1/migration/ поменял классы в своих тиемплейтах Но кое что работает неправильно . У меня есть редактор одной строки, и он выглядит очень узко хотя должен быть максимально широко на любом устройстве. Printscreen И непонятно почему в диве с классом card-body рядом появилcя класс table-responsive который я не вс тавлял - так как на этой странице таблицы нет ... <div id="app" style="background-color: blue" style="background-color: yellow; border: 2px dotted green; width: 100%" class="col-12"> <app-header >…
0 votes2 answers -
проблемка с .htaccess
На lokalhost установил cms.... но при заходе на главную страницу (lokalhost т.е. index.html) браузер меня кидает в inet на какойто сайт, а при заходе lokalhost/index.html вс? нормально Вобщем проблема как я понял с .htaccess, что там не так не понимаю вроде стандартный беру каторый работал до этого php_value magic_quotes_gpc 0 php_value allow_url_fopen 1 php_value register_globals 0 php_value short_open_tag 1 AddType application/x-httpd-php .html .htm RemoveHandler .html .htm AddHandler x-httpd-php .html .htm DirectoryIndex index.html index.php
0 votes4 answers -
проблемка с <select>
Всем привет. Пишу портальчик на php. Нужно сделать выбор ролей пользователей из списочка с мультивыбором. При генерации страницы высылаю с сервера список с уже выбранными опциями, показывающими текущие установленные роли с атрибутом selected. При выборе других ролей и сабмите формы, на сервер приходят именно те опции, которые были помечены атрибутом selected. Подскажите как это побороть.. ЗЫ на пхпфоруме мой вопрос проигнорировали. Неужели я один с таким столкнулсо? ЗЫЫ проверял в хроме и в експлорере - эффект один и тот же.
0 votes3 answers -
проблемка с background и img
заходите по ссылке там строничка, в верху на картинке как должно быть а ниже то что я пытался сделать.... ;( http://panchenko.jino-net.ru/nt/ верстальщики ПОМОГИТЕ
0 votes2 answers -
Проблемка с before и after
Че то как то не охотно получается то что надо..... в общем вот http://jsfiddle.net/tns5b/5/ Вроде прописал нормально все, а он на всю ширину размещается, тока вот почему понять что то не могу...
0 votes4 answers -
Проблемка с clear ((
Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …
0 votes14 answers -
Проблемка с divами! подскажите
Подскажите, пожалуйста! Имеется 3 блока div выстроенные в линию один за другим. Первый и третий блоки имеют фиксированную ширину в px, надо сделать, чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана. Помогите, буду очень благодарен! Вот, собственно, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> div { margin:0; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ float:left; background:url(img/…
0 votes5 answers -
Проблемка с Firefox
В общем заметил такую вещь, что изображения в "Лисе" какие-то размытые, не четкие. По каким причинам изображение получается размытым? Это особенность рендеринга "Лисы" или же это я где-то напортачил из-за незнания особенностей "Лисы"? Как это лечить? Для сравнения привожу два скрина, первый из Хрома, а второй из "Лисы": Спасибо за внимание.
0 votes4 answers -
Проблемка с firefox и chrome
В браузерах firefox и chrome когда в форму ввода текста вводишь какие-нибудь данные, браузер их запоминает. Например, тут http://zthata.com.ua/map в поле названия улицы, когда вводишь первую-вторую буквы появляется выпадающий список с улицами на эту букву и ты выбираешь нужную себе улицу. Но, потом когда ты опять ищешь улицу на ту букв которую искал раньше, тебе помимо выпадающего списка улиц самого скрипта еще сам браузер показывает список улиц, которых ты раньше выбирал. Как сделать, так чтобы браузер не показывал введенный ранее мной текст.
0 votes2 answers -
проблемка с input-ами в разных браузерах
Здрасьте. Всем хорошего дня (у кого вечер - тому хорошего завтрашнего дня). Как выранить текст в input по вертикали так чтобы во всех броузерах он был посредине (valign не проходит). Вот код: <div id="forma"> <p> бла-бла-бла - текст: </p> <form> <input type="text" value="введи свой e-Mail" id="e-adres"> <input type="text" value="введи свое имя" id="e-name"> </form> </div> CSS: #forma {width:210px; margin:80px auto 0 auto; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; color:#999; text-align:center} #forma p {margin:0 10px 20px 10px} #e-adres, #e-name {width:175px; height:30px; border…
0 votes2 answers -
ПРоблемка с td align
Я вот тут начил только недавно изучать html и решил сделать сайт нов вот столкнулся с проблемой при верстки шапки вот код что в нем не правельно думаю очень много <table border="0" cellpadding="0" cellspacing="0" width="100%" height="43" style="background:url('http://topmovie.ucoz.ua/tpl/head1_center.png');"> <tr> <td align="left" width="384" style="background:url('http://topmovie.ucoz.ua/tpl/head1_right.png')no-repeat;" ></td> <td width="27" align="right" style="background:url('http://topmovie.ucoz.ua/tpl/head1_left.png')no-repeat;"> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="1…
0 votes0 answers -
Проблемка с версткой
Есть такая вот тестовая страница: Страница Столкнулся с такой вот проблемой, мне нужно, чтобы центральная часть страницы растягивалась по высоте браузера, в зависимости от разрешения экрана у пользователя. Но когда я ставлю центральному блоку height: 100% то появляется вертикальная прокрутка, как я понял центральный блок принимает за 100% размер body, т.е. если у нас body равен 100%, а именно размерам окна браузера по вертикали, к примеру 890px, то и размер центрального блока становиться 890px…почему хз. Где я допустил ошибку, в чем проблема?
0 votes4 answers -
Проблемка с версткой..
В общем, раньше в основном занимался PHP, теперь занялся версткой. Такая проблема. <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>.</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Loading Bootstrap --> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- Loading Flat UI --> <link href="css/flat-ui.css" rel="stylesheet"> <link rel="shortcut icon" href="images/favicon.ico"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. --> <!--[if lt IE 9]> <scr…
0 votes2 answers -
проблемка с вложенной таблицей
есть такой кодик: <html> <head> <title>Пипец!!!</title> </head> <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr align="center" height="100%"> <td bgcolor="#808000" valign="middle"> <table width="90%" height="90%" cellspacing="0" cellpadding="0"> <tr> <td width="66%" bgcolor="#00FFFF"></td> </tr> </table> </td> </tr> </table> </body> </html> проблема в том что таблице задано положение valign="middle" в ОПЕР…
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-