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
-
практика верстки
Народ, а где взять "материал" для верстки? Как вы начинали? Сам я в дизайне полный нуль, если сесть за изучения дизайна, не известно когда работать смогу начать. %)
0 votes1 answer -
Проблема со слоями
http://geriss.test.012345.ru/geriss/ru/epLWUNmD/ - вот ссылка, если посмотреть в IE7 и в FF3, то проблема станет понятной. А так имеем: <div class="middle"> <table cellpadding="0" cellspacing="0" class="main_table"> <tr> <td class="left_td"> <div class="left_menu"> <div class="left_child"></div> </div> </td> <td class="right_td"> <div class="article"> <div class="article_top"></div> </div> <div class="article_bottom"> <div class="bottom_left"></div> <div class="bottom_right"></div> </di…
0 votes6 answers -
Подскажите, как лучше сделать
Здравствуйте ! Нужно сделать горизонтальное меню с разделителями, при этом сверху над надписью должен быть рисунок. Делал это меню, естественно, списком, в качестве разделителя использовал border-left для li. Также для li сделал фоновым рисунок, который должен находиться сверху. Собственно, вот что должно получиться: А вот, что пока получается: Как можно увидеть, бордеры разъехались на всю высоту блока li. Как сделать, чтобы разделитель был как и на рисунке, который показывает, что должно получиться ? Придётся отказаться от бордеров и юзать клавишу-разделитель на клавиатуре ? Заранее спасибо за помощь !
0 votes8 answers -
Проблема с jQuery Corner
Мне было нужно скруглить угли ,в ксс 3 не кроусбраузерно ,картинка там неподходит.Решил использовать jQuery Corner. сделал страницу с блоком и черним бекграундом но скрипт неработает ,в чем проблема http://img401.imageshack.us/img401/2259/14473946.png <!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> <title>Free</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.linkexchanger.su/example_jquery/js/jquery.corner.…
0 votes5 answers -
Chrome: position:relative/absolute и border-radius
Заметил что хром не делает радиус для позиционированных элементов. Как можно обойти? В частности демо: http://gibigate.ru/portfolio/2012/souzparket/index.php - меню слайдера, родительский элемент с бордер радиусом, в фаерфоксе норм, а вот хром хромает
0 votes5 answers -
Снова о IE, z-index
Всех приветствую, достался тут сайт "в наследство", на нем есть левое вертикальное меню, во всех браузерах все отображается как задумано, кроме IE. Версии IE 7-9 везде одно и тоже В верстке не специалист, знатоки посмотрите что можно с этим сделать, уже все мозги об этот z-index сломал. Ссылка на сайт Заранее спасибо за помощь.
0 votes7 answers -
Как сделать, чтобы кнопка нажималась?
Здравствуйте! Подскажите, как сделать так, чтобы при клике кнопка нажималась? Например, как здесь http://www.int-ext.ru/ (желтая кнопка) Спасибо.
0 votes2 answers -
Как расположить два изображения в линию в резиновом блоке
Товарищи, подскажите как решить проблему. Нужно расположить два изображения рядом в резиновом блоке, что добавить в ".banners img"? На скрине наглядный пример <section class="banners"> <img src="img/banners/nike.png" alt="" class="left-banner"> <img src="img/banners/caps.png" alt="" class="right-banner"> </section> .banners { width: 1300px; max-width: 100%; } .banners img { border: 1px solid #e5e5e5; }
0 votes8 answers -
Не отображается страница в uc browser
Вот страница, которая не отображается https://dandirector.github.io/thermasteel/ проблема обнаружена на android 4.2.2 в uc brouser, хотел бы отметить, что вместо верстки видно просто белый экран. В других браузерах все гуд.
0 votes0 answers -
Проблемы с текстом
Подскажите пожалуста как сделать как показано на картинке. Чтобы второй текст был рядом с первым
0 votes6 answers -
С дивами проблема
есть такая ситуация вот код <div> <div id="left"> <div> <div id="left_bg"> <table border=1><tr><td>Работы</td><td>Научная деятельность</td></tr></table> </div> <div id="middle_bg"></div> </div> </div> <div id="right"> <div id="right_top"></div> <div id="right_bottom"></div> </div> </div> и стили #left { height:39px; width: 642px; float:left; } #right { height:39px; width:358px; float:right; } #left_bg { background-image:url(images/menu_left.jpg); background-repeat:repeat-x; width:614px; float:…
0 votes2 answers -
Помогите реализовать меню(css+smarty)
Есть сайт...Я совсем новичок в CSS и пытаюсь переверстать своими силами шаблон для нужного мне движка. Сайт находится по адресу http://www.mycrea.ru После логотипа есть меню(Все, Коллективные, Персональные и т.д.) Вроде поменял картинки, фон и т.д. Запутался только с одним... Задача состоит в том, чтобы При выделении одного из пункта меню, он бы также выделялся бы также с округленными концами цвета 56BF19. Картинки я сделаю. Не могу понять, как их привязать при выделении.Острые углы соответственно нужно убрать. Заранее спасибо. Вот файлик menu.blog.tpl(он отвечает за отображение меню) <TABLE class=pagemenu id=pagemenuszd> <TBODY> <TR> {if $oUserCurr…
0 votes3 answers -
верстка макета
привет друзья. подскажите как лучше верстать этот шаблон. файл прикрепленный. кто как бы посоветовал. или лучше переделать похожий бесплатный шаблон. может есть какие=-нибудь соображения. нуждаюсь в вашей помощи.. спасибо.. если кто видел похожий шаблон, подскажиьте пожалуйста. вот пример здесь: пример шаблона помогите пожалуйста
0 votes5 answers -
Картинка в теге title
Здравствуйте! Прошу помочь мне людей опытнее меня. В общем я создаю сайт, и в название странички хочу разместить картинку. Вот изображение . На нем то что я хочу сделать. Заранее спасибо.
0 votes2 answers -
Вопрос
Как создать программу ввода списка студентов...с помощью массива... заранее благодарен
0 votes3 answers -
Cвойство css для поднятия строки ?
Добый день. Подскажите пожалуйста какими свойствами сделать чтобы вторая строчка текста начиналась не снизу под иконкой меню, а посредине (относительно иконки) сразу после первой У иконки меню стоит align="middle" Стиль для текста - color: #060561; background: none; font-weight: bold; text-decoration:none; text-align: left; font-size: 12px;
0 votes4 answers -
верстка на дивах, когда вставлена картинка верстка съезжает
Так вот, ситуация следующая, сверстала макетик, для проверки просто вставила туда текст, все работало замечательно, но по задумке в одном из блоков (их всего 4 - шапка, две колонки, подвал - все фиксированное), а именно в левой колонке, где располагается основная часть, которая должна быть картинкой, слетела верстка. Если в левой колонке стоит просто текст, то все отображается нормально, но если я ставлю туда картинку, то она съезжает вниз на длину правой колонки (на макете зеленая). как это должно выглядеть, но тут вставлен текст. а вот как выглядит макет когда в него картинка вставлена вместо текста. при чем белая полоса над картинкой удлиняется, если длина зеленой ко…
0 votes2 answers -
На Прозрачном Div`e Не Отображаются Картинки
Есть интерактивная карта, над одной картинкой располагается много прозрачных картинок: <div id="bus" style="position: absolute; top: 110px; right: 360px; z-index: 3; white-space: nowrap; " onmouseover="..." onmouseout="..."> <img src="/objico/bus.png" alt="..." title="..." border="0" onclick="..." /> </div> В firefox (и похоже в ie, нет windows-машины под рукой) вокруг прозрачных картинок отображается оранжевый фон. В опере и хроме все отлично. Сначала я думал, что это проблема прозрачности png-файлов, но замена на gif ничего не дала. При ручном задании прозрачного фона div`ам картинки вообще перестают отображаться: <div style="background-color: trans…
0 votes7 answers -
Непонятный для меня синтаксис
Народ, что значит эта запись в css файле? -moz-border-radius:4px; -webkit-border-radius:4px;
0 votes6 answers -
Насколько корректно использовать
Правильно ли в верстке использовать отрицательные margin .class {margin:-250px 5px 10px -270px;} Насколько это правильно и корректно и какие проблемы можно встретить используя отрицательные отступы? Как браузеры воспринимают это или им все равно минусовой он или нет?
0 votes8 answers -
Как вставить еще один div
Изначально было два div : filedin и small-comment-cloud. Между ними нужно встроить еще один site_url с выравниванием по центру, никак не могу это сделать...site_url съезжает на следующую строку. помогите!! Ниже приведен код + css. <div class="filedin"> <?php _e('Filed in', 'themejunkie'); ?>: <?php the_category(', ')?> </div> <div class="site_url"> <?$site_url= get_post_meta($post->ID, 'site_url', $single = true); ?> <?php if($site_url!== '') { ?> <a href="<?php echo $site_url; ?>" rel="nofollow" target="_blank">Посетить сайт</a> <?php } ?> </div> <div class="small-commen…
0 votes9 answers -
картинка по центру в фиксированном блоке
Есть: http://tmin10.net.ru/1.html. Нужно, чтобы картинка была по центру <div id='add'> по вертикали и горизонтали. По горизонтали помогает margin: auto;, а как по вертикали?
0 votes12 answers -
Закругленые границы дивов
наверняка обсуждалось уже не один десяток раз и в гугле поискать можно, но устал уже искать((( Подскажите, как сделать диви с закругленными углами) буду очень благодарен)
0 votes7 answers -
Тег в оформительских целях?
Скажите пожалуйста какой тег лучше всего использовать в оформительских целях? (тени, уголки и прочее). Я использовала пустые дивы, теперь же хочется сделать всё грамотнее. Какой тег, как бы это сказать, не несёт в себе смысловой нагрузки? span? i?
0 votes7 answers -
Помогите разобраться с проблемой ширина блока div 100%
Здравствуйте! уже 3 ей день воюю с проблемой помогите одолеть. Проблема такого характера есть блок footer блок div вот ниже весь код. <div id="footer-wrapper"> <div id="footer" class="clearfix"> </div> <div id="footer-info-photographer"> <p></p> </div> </div> вот css код #footer-wrapper { background: none repeat scroll 0 0 #3E3E3E; color: #FFFFFF; } #footer { margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer{ margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer p{ text-align: center; } П…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-