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
-
Gimp как замена Photoshop
Здравствуйте. Подскажите такой вопрос. С операционными системами Linux я имею давний опыт и перепробовал их все когда-то, начиная от Ubuntu и заканчивая Gentoo. Но вот с известной программой для работы с графикой Gimp не работал совсем (вообще у меня с графикой дружбы никогда не было). Photoshop изучил только в связи с тем, что он необходим при верстке. Недавно возник вопрос. Под Ubuntu есть хорошие редакторы для написания кода (Bluefish, Geany). А вот Gimp - имеются ли у него те же возможности, что и у Photoshop для нарезки графики и вообще при работе в макетом сайта?
0 votes3 answers -
Картинки под высоту экрана
Добрый день. Для примера таблица с одной строкой и 2мя столбцами. В первом столбце текс, во втором - картинки одна под другой. Высота картинок 200px. Как сделать так, чтобы картинки занимали ровно столько места по высоте на экране, сколько текст? Например, если текста немного, должно быть 4 картинки. Если текста много (высота таблицы увеличивается, появилась полоса прокрутки в браузере), картинок должно стать 5 или 6. Пишу под PHP.
0 votes16 answers -
Проигрыватель
Народ помогите, горю!!!! Мне нужен код плеера, для того чтобы воспроизводить видео на сайте!!! Я с этим не сталкивался и ничего не знаю по этому поводу!!! Что вы посоветуете????? Помогите, нужно позарез!!!
0 votes5 answers -
Минимальный фиксированный размер средней ячейки, при заданной ширине таблицы 100%
Подскажите. Имеется таблица из трёх колонок, структура такая: <table width="100%"> <tr> <td background="image_1.gif" width="480"> </td> <td background="image_2.gif"> Небольшой текст </td> <td background="image_3.gif" width=""> </td> </tr> </table> Как сделать фиксированную ширину ячейки, допустим, что бы при уменьшении окна браузера, средняя ячейка уменьшалась по ширине не меньше 300px. ???
0 votes19 answers -
Высота div
Здравствуйте. Помогите, пожалуйста, решить такую проблему. Высота правого divа не растягивается под высоту рисунка в н?м. Т.е. если текст будет не слишком длинным, то рисунок вылезет за пределы divа, т.к. его высота divа зависит только от объ?ма текста. Как это можно исправить? <html> <head> <title>Document</title> <style type="text/css"> #menu{ float:left; background-color:#6699FF; width:100px; } #content { background: #e3e8cc; margin-left: 110px; } </style> </head> <body> <div id="menu"> Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 </div> <div id="content"> <img src="images/1.jpg" align="left"> L…
0 votes8 answers -
Нужно ли уметь верстать без сеток ?
Сейчас я стараюсь верстать без сетки но сомневаюсь в этом сильно. Куда не смотрю везде сайты с сетками устроены (если адаптив присутствует на сайте). И такой вопрос появился: Понадобится в работе верстка без сетки, или я зря время трачу стараясь верстать без сетки, так как говорят что с сеткой адаптивные сайты можно быстро сверстать нежели без сетки. В компаниях делают сайты без сетки, и не стоит ли мне начать верстать уже с сетками ? ps: не совсем понял, можно ли здесь такие вопросы задавать, если нет перенесите пожалуйста тему, и на меня громко не кричите.... =)
0 votes5 answers -
input внутри ссылки
Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?
0 votes7 answers -
сделать изменяемую страничку
Здравствуйте уважаемые форумчане ) я даже не знал как вопрос поставить что бы поискать.. в опере как то давно понравилась менюшка пустой странички.. там где 3х3 квадратика, заменяемые при клике на картинку с нужной ссылкой. решил сделать попроще в обычном хтмл.. просто многда на работе скучно и я этим себя развлекаю.. иногда для студенток делал простенькие сайтики.. и часто пользовался сайтом хтмлбук. отличный сайт! гранд спасибан за негО!! так вот теперь пишу сюда, потому что не знаю как даже и что поискать в ответ на вопрос. вот страничка: http://mike-s3.narod.ru (исправил этот пост..) так вот чего хочу же я - хочу сделать миникнопочки типа сменить и удалить у каждой сс…
0 votes16 answers -
Отступ списка от картинки слева..
Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.
0 votes10 answers -
RedBeanPhp не понятная ошибка
Друзья, объясните пожалуйста, в чем проблема? https://www.youtube.com/watch?v=vvgOPJQA8Zk Решил я поставить эту системку и когда начал подключать RedBeanPhp вышла ошибка Parse error: syntax error, unexpected T_STRING in /home/a6998082/public_html/libs/rb.php on line 3 В чем проблема? Заранее спасибо! db.php index.php
0 votes2 answers -
Как стилизовать тег input:invalid?
Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh
0 votes2 answers -
Header в таблице...
Достался мне сайт delovie.ru с шаблоном, в котором header-картинка находится в таблице и меняется случайным образом: <td colspan="2" width="758" height="237" background="<?php echo $mosConfig_live_site;?>/templates/jm_portal/random/<?php echo rand(1,5) ?>.jpg" valign="top"> А мне нужно что бы на каждую страницу сайта была своя четко определенная картинка. Пытаюсь прикрутить модуль Header Image. Поскольку позиция header изначально не определена испульзую <?php mosLoadModules ( 'header' ); ?> что собстно и должно выводить этот модуль в нужноммне месте (шапке). <tr><?php $rand = rand(0,24)?> <td colspan="2" width="758" height="237"…
0 votes7 answers -
Не могу сделать прокрутку после картинки
Доброе утро всем! спасибо вам за этот сайт. все по нему учил но у меня вот какая проблема. я не слишком силен в html да и в языках в целом. устроился на работу дизайнером на пол дня так как по учебе не получается больше. и тут предложили подработать сайт обновить ну я согласился. вроде все с чтением и юзания гугла получается но тут просто не могу понять как физически сделать. сделал горизонтальную прокрутку, но руководству надо что бы она была справа от первого рисунка. но она у меня опускается в низ рисунка. а как яя поднять я не понимаю. если не ставить рисунок перед полосой прокрутки то все работает. и ничего не слетает. Народ помогите советом что надо сделать. я пробы…
0 votes23 answers -
Убрать рамку вокруг ссылки в ИЕ8
ДОброго времени суток! Подскажите, можно ли убрать рамку вокруг ссылки при получении фокуса в ИЕ8 без помощи js? Для остальных браузеров решается с помощью outline: none...
0 votes15 answers -
Как убрать нижнюю линию под текстом который является ссылкой?
вот нужно убрать линии под текстом который является ссылкой или как нибуть обойтись без тега  : Вот скрин вот сам код html <table border="1" hspace="20" vspace="20"> <tr> <td> <img src="images/Apple iPad 4/ip2.jpg" width="150" height="200" border="1" alt="ipad 4"> <h4 style=" margin: 0px 0px 0px 10px"> <a href="iPad 4.html"> Apple iPad 4 128 ГБ<br> белый, черный. </a> </h4> <h3 style=" margin: 0px 0px 0px 10px"> </h3> </td> <td> </td> </tr> </table>
0 votes9 answers -
Как прижать футер книзу экрана?
Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…
0 votes8 answers -
Помогите сделать...
Помогите пожалуйста сделать красивую страницу выбора языка!
0 votes18 answers -
Like от Facebook
Добрый вечер, дорогие форумчане, CMS: Drupal 7 Сайт: http://eu-le.com/ Проблема: не работает кнопка "мне нравится" от Facebook. Создаю блок и ставлю режим "php" (обычный HTML не распознаёт язык XFBML) и вставляю код: <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=205815206137680&xfbml=1"></script><fb:like href="http://eu-le.com" send="false" width="286" show_faces="true" font="tahoma"></fb:like> В head приписываю все полагающиеся meta-теги. Жук показывает прекрасное отображение этих тегов в панели. И всё же кнопка не работает. Выдаёт ошибку: "Your page's type requires that a meta tag of the form…
0 votes2 answers -
Вопросы от новичка.
Всем доброго времени суток. http://htmlforum.ru/index.php?showtopic=47865 Решил все-таки откинуть вариант отступов в тексте при помощи div. <b>Название:</b><p>Сам текст</p>Вот мне необходим еще дополнительный отступ после "Сам текст", чтобы хоть как-то отделять разные по смыслу тексты в одной статье. Если бы полгода назад передомной стояла такая цель — я бы как типичный говнокодер кинул 2 <br> в конец. Как сделать по уму? Спасибо.
0 votes24 answers -
Display None прогружается при загрузке страницы?
Есть например два слайдера. Один виден всегда с помощью @media, если ширина экрана больше чем 900, а другой в это время display:none; И наоборот соответственно. Но при загрузке страницы загружаются оба слайдера?
0 votes11 answers -
Условные комментарии в IE
Не получается добавить для IE отдельный стиль, делаю примерно так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]--> </head> IE на него просто не реагирует... Где ошибся?)) Кстати вот так работает: *+html #subtop{ /* 7-й IE */ padding-top:5px; } * html #subtop{ /* 6-й IE */ padding-top:5px; } Однако хотелось просто одно общее свойство для всех IE создать...
0 votes15 answers -
Картинка и отступы от краев (таблица), как убрать?
Чето не пойму в чем дело. Таблица как надо, вот код: ——— отображается как с border или cellspacing.. Вот картинка, синим показанно, что отступы не нужны, как от них избавится? http://img247.imageshack.us/my.php?image=tableaky9.jpg
0 votes8 answers -
Съезжает блок внутри div c position:fixed
Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <li><a href="#">О ПРОЕКТЕ</a></li> <li><a href="#">ПАРТНЕРАМ</a></li> <li><a href="#">ПОДДЕРЖКА</a></li> <li><a href="#">ЮРИДИЧЕСКАЯ ИНФОРМАЦИЯ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div> </div> </body&…
0 votes10 answers -
flexbox особый вид элемента на Flexbox
zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался
0 votes10 answers -
position:absolute + relative в одном. Есть такое?
кто нибудь знает, можно сделать, что бы объект позиционировать не от угла экрана, а как нибудь от какого то выбранного места, но при этом, что бы он не занимал места, как в position:absolute . А то столкнулся с такой поблемой. Сайту уже чуть ли не полгода, а я его с помощью position:absolute делал на своем обычном, так сказать, мониторе. Все было красиво, пока не посмотрел с широкоэкранного, я был в ужасе
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-