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
-
Шаблон на div-ах) проблема кроссбраузерности
собсно есть шаблон от ТМ написаный под джумлу, я его переверстываю на свою ЦМС (называется мелбис) и наткнулся на проблему что в ИЕ центральная колонка моего шаблона живет отдельной жизнью =( уже кручу шаблон 2-ой день, но всеравно никак не пойму в чем причина =( Мое несчастье =( в Опере смотрется нормально а в ИЕ =((((( центральная калонка начинает стремится в полную ширину Оригинальная демка - оригинал шаблона каторый переверстываю, во всех браузерах смотрится как и задумано. я не силен в дивах, но шаблон доделать нада =( если я все правильно понял то плохо себя ведут или <div class="container"> или <div class="box"> я не прошу готовое решение, но хоть во…
0 votes7 answers -
Блоки с разными высотами на одном уровне
На странице есть блоки которые повторяются. У блока стоит свойства float:left и на счет этого каждый блок циклично появляется с правой стороны предыдущего. Но если первый блок оказывается выше чем следующий новый блок стоит не правильно как на картинке. Я не могу задать блоку определенную высоту, потому что описание может быть и длинным и коротким. Как можно сделать чтобы блоки были на одном уровне. Картинка
0 votes4 answers -
Фиксированная ширина на th в IE
Пытаюсь задать фиксированную ширину на table th.first (Там где написано "Gioco") (страничка http://casino.titanbet.it/vincite-per-mese.html) .page th.first{ display: block; z-index:1; width: 300px; } В chrome и FF отображается как нужно. Подскажите п-ста что я делаю не правильно.
0 votes2 answers -
Стоит ли переходить на HTML5
Стоит ли переходить на HTML5 ? Сейчас 09.04.2014. Какие при этом будут плюсы и минусы ?
0 votes9 answers -
Где можно найти?
как мне прописать кодом, чтоб при наведении на ссылку показывалась фотография, а при щелчке переходило на новую страницу?
0 votes3 answers -
Как обойти символ "{" в smarty
есть такое выражение {$smarty.server.REQUEST_URI|regex_replace:"/[0-9]{1,3}/":""} кто в курсе как можно записать {1,3} что бы smarty не выдавал ошибку?
0 votes5 answers -
расположение блоков посередине в ИЕ
Уважаемые форумчане! Помогите новичку. посмотрите эту страницу в мозилле всё хорошо, блоки располагаются по центру, а вот в ИЕ- страница была сдвинута на левый край, так как margin: o auto он не понимает Из всего,что пробовал, помогло только добавление к body в css text-align: center; Всё вроде бы нормально, но теперь содержимое и текст в блоках тоже весь по центру Мне это совсем ни к чему, надо как в мозилле. Начал пробовать править у каждого атрибута в отдельности отступы и поля: запутался и уже заболела голова. Вернул всё обратно. Может есть какое-то простое решение, чтобы фиксануть эту проблему? Вот нынешний css
0 votes9 answers -
ВЛИЯНИЕ PADDING НА ШИРИНУ
ЧИТАЮ СТАТЬЮ http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-trekhkolonochnyi-maket! ПОЧЕМУ padding влияет на ширину БЛОКА В %?КТО ПОМОЖЕТ РАЗОБРАТСЯ БУДУ РАД div { /* padding влияет на ширину */ float: left; width: 50%; padding: 10px; } вСЕМ ПАСИБА !
0 votes6 answers -
Проблемы с меню
Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они main <!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…
0 votes2 answers -
Проблема с адаптивной версткой
Привет, люди добрые! Встречайте новичка. Народ, кто шарит в CSS3 и HTML5? Пожалуйста, помогите разобраться. Сделал меню для сайта: http://www.boomerang.dn.ua/tmp/html/index.html Зарезинил адаптивно, все выглядит так, как планировал. Но только на экране компа. При просмотре на своем КПК и в эмуляторе Opera Mobile Emulator при 320*240 получается вот такая лажа: http://www.boomerang.dn.ua/tmp/html/wtf.png Меню сжимается и для увеличения до 100% приходится тыкать в экран пальцем. При этом появляется горизонтальный скролл. Применение @media query с псевдоклассом "handheld" картину не исправило. Вот архив с кодом и файлами: http://www.boomerang.dn.ua/tmp/html2.rar Ребята, пожал…
0 votes4 answers -
Увеличение элемента поверх остальных css
Как сделать такое http://prntscr.com/eaw17z, только на чистом css? Помогите пожалуйста. В инете не нашла
0 votes6 answers -
как сделать постоянный отступ независымый от размера окна браузера
прочитав статью на этом сайте "Фиксированный дизайн. Наложение слоев" решил попробовать на практике <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin: 0px; /* Убираем отступы */ } a { cursor: hand; cursor: hand; border: 0; white-space: nowrap; text-decoration: none; } #top { /* Верхняя часть с заголовком страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ padding: 15px 0px 15px 10px; /* Поля вокруг текста */ margin-bottom: 15px; /* Расстояние между заголовком и колонками */ font-size: 24px; /* Размер шрифта */ font-weight:…
0 votes1 answer -
Не могу понять ошибку во вложенных стилях ссылок
Всех приветствую. Впервые начал проект на div'ах. До этого верстал только таблично. Изучаю, натыкаюсь на непонятности. Есть менюшка, в которой отображаются черные буквы, черная картинка стрелки, и серый фон. При наведении меняется цвет фона на болотный, буквы на белые, и картинка стрелки на белую. Слой div, содержащий в себе все это, называется "rub". Ссылки делают блочными, и включаю их в состав rub при помощи .rub a:link{...} и т. д. Ниже приведен код. Вроде, все нормально. Но возникла такая проблема. Дело в том, что все ссылки в документе делаются такими же. ВСЕ ССЫЛКИ! То есть, у меня для слоя "rub" заданы отступы слева padding=30, чтобы менюшка включала в себя картин…
0 votes4 answers -
Неверная кодировка отображения. charset=windows-1251
Здравствуйте. Вот адрес сайта. В коде указан charset=windows-1251. IE отображает нормально. Opera и FF каракули показывает. Собственно сайт был взят из сети в кодировке UTF-8 и изменена информация на нем. Немного причесан и прочее. Была вставлена строка <meta http-equiv="content-type" content="text/html; charset=windows-1251">. После этого сайт был выложен на хостинг. На хостинг выкладывал не я, но мне надо помочь этим людям разобраться с трудностями. В чем может быть причина каракулей? Спасибо.
0 votes2 answers -
Подсветка рисунка при наведении.
Как сделать так, чтобы при наведение на рисунок-ссылку он становился чуть светлее?
0 votes7 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 -
Вопрос о getElementById('').style.backgroundPosition
Как сдвинуть background у другого слоя? Подскажите по синтаксису: <style type="text/css"> #blok {width: 100px; height: 100px; background: url(background.gif);} #pimpa {width: 100px; height: 100px; background: #222222;} </style> <body> <div id="blok"></div> <div id="pimpa" onmouseover="document.getElementById('blok').style.backgroundPosition = '???';"></div> </body> Мне нужно сдвинуть background на -21 пиксель вверх типа: #blok {background-position: 0 -21px;} Помогите, спасите!
0 votes4 answers -
Две формы на одном уровне
Подозреваю, что спрашиваю что-то элементарное, но, тем не менее, не с этим побороться. Имеются две формы: <form name="form1"> ..... </form> <form name="form2"> ..... </form> Как их расположить на странице на одном уровне (а не друг под другом)?
0 votes6 answers -
Выравние изображение по вертикали
Не получается выравнять рисунок по центру вертикали. Вот код <html> <head> <title>Задание 1</title> <style type="text/css"> P.figure { text-align: center; /* Выравнивание по центру */ vertical-align: middle; } </style> </head> <body> <p class="figure"><img src=1.jpg height=50% width=50%></p> </body> </html> Помогите пожалуйста совсем начинающему
0 votes2 answers -
Помогите сделать авторизацию
Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в html сам практически не разибраюсь( спасибо в файле login.tpl код такой <ul class="reset loginbox"> <li class="loginbtn"> <form method="post" action=""> <div id="logform" class="radial"> <ul class="reset"> <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Парол…
0 votes9 answers -
Две ссылки на одну кнопку
Ребята, оочень слабо смыслю в html, скомуниздил с сайта форму вместе с дизайном кнопки " <div class="inputs"> <input type="hidden" name="userip" value="" /> <input type="hidden" name="promo" value="" /> <input type="hidden" name="srcurl" value="" /> <input type="hidden" name="ctag" value="" /> <input id="firstname" type="text" name="firstname" class="name input" placeholder="Имя" /> <input id="email" type="text" name="Email" class="email input" placeholder="Email"…
0 votes0 answers -
Публичная папка
Как на хосте сделать чтобы когда заходишь по пути http://сайт/папка/ все е? содержимое было видно любому пользователю? chmod 777 на каталоге стоит, что ещ? сделать?
0 votes8 answers -
Проблема с выводом постраничной навигации
Здравствуйте. Нашел на одном сайте код постраничной навигации оптимизировал под свой сайт все работает ок. Проблема в том что по какой то причине ИЕ6 не хочет выдоить стили для неё. Помогите пожалуйста разобраться. В фаерфоксе работает на ура а в ИЕ не в какую. Вот код <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="22" class="corner_lt"> </td> <td height="22" class="corner_lt_body"> </td> <td width="26" height="22" class="corner_lr"> </td> </tr> <tr> <td width="20" class="corner_bl_body"> </td> <td bgcolor="#FFFFFF"> <…
0 votes9 answers -
Текст
Нужно разместить один текст по центру ,а другой справа http://s2.itrash.ru/idb/03867fbd9a3956ad66...Bezymyannyj.png
0 votes8 answers -
Странное поведение тега div
Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически <div class="content"></div> <div class="div.doska_menu"></div> <div class="menu_temp">Какой-то текст</div> div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid black; } div.content { height:90%; min-height:200px; padding:0px; width:800px; margin-left:420px; margin-top:10px; border:3px solid black; } div.menu_temp { width:400px; height:400px; margin: 0px; padding: 0px; background…
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-