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
-
закругление углов с помощью графики в IE 6
Здравствуйте! Хочу закруглить углы с помощью графики, но IE 6 это не съедает. Если ли решение такой проблемы? <!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=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="all"> <div id="top"> <img class="logo" src="css/img/logo.gif"> </div> <div id="innerContent"> <div class="corner t…
0 votes4 answers -
Исчезает анти-алиасинг шрифта в javascript-меню
Верстаю сайт для себя, использую ява-скрипт меню. Уже на втором подряд сайте не могу решить проблему. Если вы посмотрите на страницу http://obnajenie.ru, то там видно, что шрифт везде, кроме шрифта в том самом меню, сглажен. А внутри выпадающего меню анти-алиасинг пропадает. Причем, пока скрипт подгружается шрифт нормальный, а как меню-аккордеон сворачивается, анти-алиасинг пропадает. На другом сайте он вообще менял шрифт на другой. Выложу также несжатый скрипт этого меню: http://obnajenie.ru/accordian-src.js Может быть проблема для кого-то очевидна?
0 votes3 answers -
Отступ после DIVa в ie 6 и 7
Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. HTML: <!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-T…
0 votes3 answers -
Текст убегает с DIV блока
Все привет, столкнулся с проблемой при верстке а именно текст убигает с блока <div> сам не пойму о.О [b]INDEX[/b] <tr> <td id=wapka> <div id=avto class=div_avto > <div id=new class=div_new> <p>787686888686868686868688686867887777777777</p> </div> </div> </td> </tr> CSS #wapka { background-image: url('verst/02.gif'); background-position:right top; background-repeat:repeat-x; } #avto { background-repeat: no-repeat; background-image: url('verst/03.png'); background-position:left top; } .div_avto { height:320px; margin-top: 20px; margin-left:10px; } #new { ba…
0 votes3 answers -
задача с box-shadow
Буду краток. Необходимо сделать вот такую фигуру: Тень вокруг должна быть одинаковой.
0 votes23 answers -
PHP код
Доброго времени!!!Ребята немогли бы Вы подсказать или направить на нужную инфу. Есть база с 20 уроками как мне вывести их по 10 на одну страницу сайта и внизу ссылка на вторую с остальными ур. База будет расширяться.Что надо писать для каждых десяти FROM lessons ORDER BY id LIMIT 1,10 или есть проще способ <? $result = mysql_query ("SELECT id,title,meta_d,meta_k,date,description,text,author FROM lessons",$db); $myrow = mysql_fetch_array ($result); do{ printf("<table align='center' class='urok'> <tr><td class='urok_title'> <p class='urok_name'><a href='view_urok.php?id=%s'>%s</a></p> <p class='urok_in…
0 votes3 answers -
увеличения блока при новедений
Всем привет ! я новичок в этом деле сделал список товаров из блоков ДИФ дал им размер и при методе Ховер сделал так что бы блок на которую наведен курсор стал больше суть проблемы в том что при увлечений блока перемещаются вниз или отодвигает на право рядом стоявший блок помогите решить проблему. как сделать ? или подскажите в какую сторону копать ))) хотел получить такой результат <ul><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></…
0 votes5 answers -
Центрирование блоков в блоке
Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. Скрытый текст section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color…
0 votes9 answers -
Как сделать такой нижний border или что это ?
Всем привет! Есть такая кнопка: Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. Подскажите пожалуйста, как это сделать ?
0 votes6 answers -
Каждый раз разное видео на сайте
Доброго времени суток. У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 10). Все видео присутствуют на канале ютуба. Я как подозреваю данный функционал возможен при вмешательстве php либо javascript. Возможно так же есть где-то готовый скрипт, выводящий целый канал на сайт и каждый раз включается разное видео с этого канала. В общем, прошу вас помочь мне в данном вопросе. Сайт - https://kvestvnore.ru/ Код видео <div class="t347__video-container t347__hidden" data-content-popup-video-url-youtube="ZiJEJPZrkW8"> <div class="t347__video-carier"></div> [/HTML]
0 votes7 answers -
3-ех колоночный макет. Текс уходит вниз.
Не пойму почему текст посередине идет вниз после левой колонки. Помогите разобраться. http://new.rang56.ru/1.htm как ie6 так и опера 9
0 votes3 answers -
Высота слоя
Такая проблема: есть 3 дива, 2 боковых, типа поля и один по центру с контентом и все они все находятся в родительском слое. Но боковые слои не хотят растягиваться на 100% в высоту. Их бы и вообще не было, если бы я не вставила пробел. Кажется есть что то по этой теме в Css, чтобы слой отображался в независимости от содержания. Вот код <div class="middle"> <div class="left_side" > </div> <div class="main"> <h1>Заголовок</h1> <center><div class="h_menu"> </div></center> <div class="welcome"> </div> <div class="news"> …
0 votes4 answers -
Табличная верстка и формы
Есть вот такой код <table id="text" cellpadding="0" cellspacing="3" border="0" width="100%"> <tr> <td> с последней | <a href="index.php?r=1&cou=15">с первой</a> | <a href="index.php?r=2&cou=15">по рейтингу</a> | Категория <form action="index.php" method="get" name="chcateg"> <input type="hidden" name="qwerty" value="1"> <select name="chcateg" class="form" onchange="submit();" > <option value="all">Все</option> <option value="0">Фото</option><option value="1">Ужас</option><option value="2">Смех</option><option value="3">Прочее</option> </s…
0 votes3 answers -
Лишние пиксели по краям div в IE
http://goodfengshui.ru/ нижнее оформление: страница: <div id="footer2"> <div id="btm1"></div> <div id="btm3"></div> <div id="footer31"></div> <div id="footer3"><H2>Телефон: 8(926)533-59-18</H2></div> </div> css оформоение: #footer2 { width: 100%; } #btm1 { float:left; width: 315px; height: 293px; background-image: url(i/btm2.jpg); } #btm3 { float:right; width: 315px; height: 293px; background-image: url(i/btm1.jpg); } #footer31 { height: 252px; } #footer3 { height: 41px; background-image: url(i/btmfill.jpg); backgrou…
0 votes1 answer -
картинка-ссылка
как убрать рамку вокруг картинки ссылки для фаерфокса? <a href="index.html" border="0"><img src="images/shapka_01.jpg" width="211"></a> border="0" - не спасает спасает конечно : <a href="index.html"><img src="images/shapka_01.jpg" border="0"></a> НО ТОГДА РУГАЕТСЯ ВАЛИДАТОР!!!а этого хочется избежать P.S.: да и может кто подскажет почему эта картинка в фаерфоксе уползает наверх на половину(тоесть уползает за видимую часть браузера)
0 votes4 answers -
как сделать отступы для полосы?
как сделать отступы для полосы? прописываю в CSS вот этот скрипт .bg-p { background-image:url(../images/bg.png); background-position:center; background-repeat:repeat-x; margin-left:15px; margin-right:15px; } все работает, кроме отстопов, где моя ошибка?
0 votes6 answers -
Портативность документа
Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …
0 votes8 answers -
TEXTAREA - Как сделать жесткие переносы?
Есть textarea с фиксированной шириной. Как сделать чтобы при вводе длинных неразрывных строк - они переносились на новую строку, а не появлялась горизонтальная прокрутка?
0 votes2 answers -
input file value?
Привет, All! подскажите как в <input type=file> прописать введенное ранее значение, если пишу в value ничего не отображается
0 votes1 answer -
Подвал страницы
Здравствуйте! Вроде не сложный макет, но не могу понять в чем загвоздка. Нужно чтобы подвал страницы всегда был прижат к низу. Следовала найденным рекомендациям... А в итоге, после текста и до подвала образовалась пустота. http://test.bredova.ru/index_inn_2.html Почему??? Смотрела в FF /* BASIC RESET */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} /* common */ html, body, img, form {margin: 0px; padding: 0px; border: none;} html, body {height:100%;} body {background-color:#fff;} body, td {font: 14px Arial, sans-serif; color: #000;} a {color: #000; text-decoration: underline;} a:hover {text-decoration: none;} table {b…
0 votes5 answers -
Первый сайт
Решил создать СВОЙ первый сайт. Надоело тырить все скрипты,коды с других сайтов. На "моём" сайте,дизайн которого я слизал с нэта,всё было расположенно по таблицам. Возникло пару вопросов для The PRO. 1.Как поместить весь сайт в таблицу? 2.Ставить сначала блоки,затем контент или наоборот? 3.при валидации "моего" сайта валидатор написал мне,что <html> должен писаться html>,собсно вопрос:"Что за Бред??" Надеюсь на ответы,без ругательства матом,спасибо.
0 votes10 answers -
как сделали на этом сайте?
http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…
0 votes15 answers -
не задаются отступы
Здравствуйте! В блочной верстке не могу задать отступы для текста в блоке... без педдингов вот как все выглядит: с заданием педдингов фоновое изображение почему-то смешается влево, а текст не меняется: вот код: #content { background: url('images/fon.gif') repeat-y; width:958px; height: 100%; margin:0 auto; padding:100px; Что не так? Помогите, пожалуйста!
0 votes14 answers -
Неверная кодировка
Файлы кодированы в UTF- 8 без BOM, кодировка стоит UTF-8, на локалке нету глюков, а на вебхосте кракозябры. Помогите разобраться с проблемой, всем заранее спасибо шаблон-заглушка на html адрес http://sci-net.org/
0 votes9 answers -
Фон пунктов меню
Здравствуйте! Помогите советом, пожалуйста! Нужно под каждый пунктом меню поставить изображение кнопок. Почему-то изображение обрезается. Что не так в коде? #left{ float: center; width:230px; height: 449px; } #left ul.menu li a, #left ul.menu li a:link{ padding: 5px 25px 8px 25px; text-decoration: none; color: #503722; font-weight: normal; line-height: 2.0; font-size: 18px; background: url(../images/menu_row.gif)left no-repeat; margin: 0 0 0 5px; font-style: italic; font-weight: bold;
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-