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
-
Inline + margin
<div style='float: left; text-align: center; width: 200px; margin: 3px; border: 1px solid black;'> <img src='http://mmoland.ru/webapp/mmoland/files/images/2012/08/image012.jpg'/> <div style='display: inline; margin-bottom: 5px;'> <a href='/catalog/blabla'>blabla</a> </div> </div> Вот этот же код http://jsfiddle.net/fZLkV/2/ Мне нужно центрировать текст ссылки по высоте, но сейчас текст прижат к низу. Я пробовал сделать div (в котором ссылка находится) выше с помощью matgin-bottom. Но он не работает вместе с display: inline. Как бы вы выровняли текст в моем случае?
0 votes4 answers -
display: table-cell, table или div
В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?
0 votes4 answers -
Помогите с таблицей
http://pixs.ru/showimage/tablicajpg_4033217_12594669.jpg Подскажите как реализовать табличку. Вопрос заключается в том как выделить строки группами, с незвестным кол-вом строк в группе. На ум приходит только делать каждую группу в <tbody>, а потом через nth-child even/odd выделять... Но может есть более правильное решение???
0 votes5 answers -
Объясните ошибку в коде
Добрый день! Никак не пойму почему у меня в хедаре следующая ерунда: http://clip2net.com/s/ioDzH2 <header> <div class="contener"> <div class="logo"> <img src="img/logo.png" alt=""> <h2>Professional oral care</h2> </div> <div class="english"> <a href="">In English</a></div> <nav> <ul> <li><a href="#">О компании</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Выбери себе</a></li> <li><a href="#">Общение</a></li> </ul> <ul> <li>…
0 votes3 answers -
Нужна помощь в поиске ошибки
Всем привет! https://jsfiddle.net/94716qm3/1/ Нужно после input'а выдавать сообщение об ошибке после потери фокуса.
0 votes2 answers -
Вставить адрес почты
Всем привет! Помогите новичку. Где-то ошибка, надо вставить адрес почты, что-бы активировать кнопку Отправить. Вернее она активна, просто ссылается не на почту. Вот часть кода <div class="form-area"> <!--<p>Оставьте заявку<br> на ремонт прямо сейчас</p> <form id="post" action="pavlik2000@mail.ru" class="form" id="commentForm" novalidate="novalidate"> <fieldset> <input type="text" name="name" def="Имя" class="required_new" value="Имя" /> <input type="text" name="phone" def="Телефон:" class="required_new" value="Телефон:" /> <textarea name="message" rows="" cols="" class="r…
0 votes3 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=utf-8" /> <title>Untitled Document</title> <link href="ieonly.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"><!--шапка--> <div id="hleft"> <img src="img/s…
0 votes2 answers -
Media Type
По какому принципу (критериям) работает медиа-тайп. Например, при создании стиля я указываю, что подходит для всех устройств (т.е. all) Открываю с того же смартфона через браузер сайт, и что? мне адаптируются страницы под размер мобилы? И как мне специальным образом сверстать стиль элементов на странице для мобильного устройства? Ребят поподробней чуток, чтоб вопросов не было больше. Спасибо.
0 votes0 answers -
Фреймы
http://www.tema86.ru - здесь иногда во фрейм справа, где чат, грузится другой фрейм. Например, у меня в папке 2 файла: index.php и chat.php. В коде html указана ссылка на http://www.tema86.ru/chat.php, а выводится index.php. Загружаю в адрессную строчку http://www.tema86.ru/chat.php - браузер перенаправляет на index.php. Причём это не всегда происходит, и пока что только в браузере IE с этим сталкивался. После нескольких обновлений страницы загружается то, что нужно. Подскажите пожалуйста, может что нужно поменять?
0 votes1 answer -
Правильно ли я составила DOCTYPE?
Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?
0 votes1 answer -
Курсоры
У кого-нибудь получилось найти кроссбраузерное решения для использования своих шрифтов на странице? Безумно люблю Оперу - по жизни только с ней, но она так подставила тем что не понимает пользовательские курсоры..
0 votes3 answers -
outline:0
суть описана в самой теме
0 votes4 answers -
порядок блоков в потоке для html5
скажите пожалуйста правильно ли я понимаю. в html5 не обязательно располагать блок с кодом контента как можно выше в коде. к примеру на этой странице так и сделано - сначала идёт блок aside(сайдбар), а потом уже основной контент(статья). и при этом разметка все равно считается семантичной в html5. так ли это?
0 votes1 answer -
Непонятная рамка вокруг картинки-ссылки
Имеется картинка-ссылка, и вокруг нее в ИЕ 7+ отрисовывается голубая рамка, пробовал и border: none и outline: none, непомогает. Кто что может подсказать? Спасибо заранее
0 votes2 answers -
Opera не видит меньше 1%
Если в css задавать элементам значение меньше 1%, то Opera игнорирует их и не отображает. Как с этим бороться?
0 votes3 answers -
оформление при дроблении статьи
Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…
0 votes3 answers -
class
Здравствуйте! а можно однному блоку присвоить 2 класа? типа <div class="class1,class2"> и какая кросбраузерность у этого метода?
0 votes1 answer -
Сползает фон в меню
В меню при наведении на ссылку фон сползает вниз. Помогите, пожалуйста, поднять его до верха. Пример здесь http://jsfiddle.net/hE2MG/1/
0 votes4 answers -
Тег <label>
Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…
0 votes1 answer -
Ширина блока при отсутствии указания значения
http://rubbish.staff-base.com/div-menu.html Не могу понять поведение красных блоков. Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно. Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так? Спасибо
0 votes6 answers -
Не удается компилировать
Сделали игру на HTML5. Компилили phonegap. Не получается компилировать в apk вместе с лицензионным кодом для размещения на Google Play. При ant debug выдается ошибка: BUILD FAILED c:\Program Files\Android\android-sdk\tools\ant\build.xml:571: Failed to resolve library path: c:\Program Files\Android\android-sdk\extras\google\play_licensing\library Файл project.properties: target=android-15 proguard.config= proguard.cfg android.library=true android.library.reference.1=c:\\Program Files\\Android\\android-sdk\\extras\\google\\play_licensing\\library -Библиотека по этому пути есть. -Русских символов нет. -Делать такой путь: android update project --target 3 --path c:/Absol…
0 votes1 answer -
Проблема с отображением! Помогите...
Здрасти ! Создал сайт запустил и заметил баг в отображении ! С первого взгляда все нормально, но вот когда я увеличил сайт то появилась полоса прокрутки и сайт не поместился на экране. Я взял полосу передвинул и увидел что кусок сайта отрезался в том месте где он не поместился! я не могу почему то скинуть на форум картинки чтоб было легче ! на какой сайт скинуть картинки чтоб вы посмотрели проблему? код: [/size] *{ padding:0; margin:0 } body { background: #fff; width: 100%; margin: 0 auto } /*———————————————————--HEADER————————————————————--*/ .header { height:492px; background: -webkit-linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979); background: -moz-linear-…
0 votes0 answers -
Подскажите
Здравствуйте! Подскажите, кто знает. Вот основная тема. В общем, ищу работы для тренировок. Всякие чужие макеты верстать самому для себя конечно полезно, но удовлетворения от этого не так много, как нужно для мотивации к последующим свершениям. Чувствую если так буду продолжать, то такой пламенный интерес к верстке угаснет. Поэтому и хочется найти заказы от живых людей за символические суммы, которые будут служить утешением и хоть малыми, но все таки плодами моей работы. Во-первых можно ли вообще такое найти? А во-вторых можно ли здесь найти подобное, или может есть другие хорошие места именно для поиска легких работ?
0 votes2 answers -
Задействовать определённую область
Здравствуйте, столкнулся с проблемой, что есть формочка (рамочка и внутри нужно вывести информацию). Собственно вот скрин, что бы лечге было понять. http://s2.ipicture.ru/uploads/20130721/oBrmVi5G.jpg Я сделал этот блок под MAIN BOX в диве и эта формочка установлена как задинй фон (background). Как мне сделать так, чтоб информация была только в синей области ? padding ? или как-то по другому, либо не в диве делать а ещё как то?
0 votes5 answers -
бутстрап 2.3.2.
столкнулся с такой проблемой: бутстрап 2.3.2. нужно сделать страничку отцентрированую с шириной 820Px, при использовании класса container-fluid она тянется на весь экран... если использовать просто класс container то ширина другая... соответственно при изменении окна, минимально все ломается..что посоветуете? извиняйте если такая тема была, не нашел <header class="container-fluid"> <article class="row-fluid"> <div class="span6"> </div> <div class="span6"></div> </article> </header> как сделать такую структуру 840px шириной
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-