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
29,542 questions in this forum
-
ширина изображения
задача такова: есть картинка: <img src="bg/1.png" id="main-bg"/> и такой вот стиль для нее: #main-bg {width:100%; display:block} .wide #main-bg {width:1092px; display:block} необходимо, чтобы картинка занимала 100% отведенного под нее пространства в <div>, покуда разрешение экрана в ширину не превышает 1300 пикселей (то есть у пользователя экран 4 к 3, "квадратный"). если же экран широкоформатный (в ширину больше 1300), то нужно, чтобы картинка была шириной в 1092 пикселя. для этого в конце боди пишу скрипт: <script type="text/javascript"> function checkWindowSize() { if ( $(window).width() > 1300 ) { $('body').addClass('wide'); } else {…
0 votes4 answers -
рандомный фон из предложенных
Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…
0 votes4 answers -
проблемы с дизайном
у меня сайт artpb.ru при увеличении вида текст лезет за границу рамок , как этот момент исправить? заранее спасибо
0 votes1 answer -
Блок лезет за пределы
Немогу понять почему блок sidebar вылазиет за пределы. Надо, что бы он растягивался в нутри, а он наружу лезет. Может кто подскажет? Вот код 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> <title>[title]</title> <link href="imgdiyan/style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="/files/favicon.ico" type="image/x-icon"> </head> <body> <div id="wrap"> <div id="masthe…
0 votes6 answers -
Не могу достичь кроссбраузерности
Здравствуйте! Я начинающий веб-дизайнер, и, собственно, чтобы поднатореть начал с редизайнов. Оригинал сайта: http://pskov.izbirkom.ru То, что я сделал: http://sie-club.ru/design/ Но так как задумано сайт выглядит только в Опере. Остальные браузеры выдают мне черте что. Пожалуйста, помогите, я уже не знаю что делать. Вот например margin-top: -17px; для таблицы работает только в Опере. В остальных браузерах таблица не двигается.
0 votes8 answers -
Кнопка для открытия изображения в ajax-окне.
Здравствуйте! Увеличенные изображения и их превьюшки используются сейчас достаточно широко, чтобы не быть не упомянутыми. Вид кнопки : <a href="картинка">Посмотреть</a> Нужно, чтобы при клике на ссылку картинка открывалась в ajax-окне. Заранее благодарю.
0 votes10 answers -
автоматически активировать поле ввода
Делаю страницу авторизации. Не подскажите, как сделать так, чтобы после завершения загрузки можно было начать вводить логин (чтобы поле input для логина становился активным)?
0 votes5 answers -
Наглый наезжающий блок
Здравствуйте. Стоит передо мной задача сделать так, что бы один блок наезжал поверх другого в зависимости от вертикальной прокрутки страницы. Иными словами есть это —проблэм . Нужно что бы блок с картинками наезжал на блок с таблицей. Даже наверное что бы блок с картинками начинал двигаться вниз от определенного отступа (Без скриптов никак?)...
0 votes2 answers -
Выпадающее меню
Криво работает вот здесь http://test1.xenot.ru/ КОгда нажимаешь на главный пункт то подменю наезжает на следующий пункт!
0 votes3 answers -
Как убрать отступ
Привет всем!) Я решил сверстать ооочень простую страничку для Motd окна cs 1.6 сервера с использованием css и html. Начинаю работать пока что только с html'ом. Для начала на середину сверху я решил добавить изображение с названием сервера (сделанное в фотошопе) и вот собственно в теге <body> решил разместить оный код: <h1 align="center"><img src="images/df.png" alt="DealyFrags"></h1> Изображение выравнялось по середине, но у него имеется отступ от верха. Я не мастер в css и html и даже не пробовал углубленно изучать. Делаю я все сразу же и по учебнику. Или же это изображение выравнивать надо уже в css?
0 votes4 answers -
HTML5 CSS Таблица. Расстояние между ячейками
здравствуйте. не смог в справочниках найти и методом тыка догнать, как делать расстояние между строк в таблице больше/меньше? cellspacing вроде тыкал уже не зная куда..че то не увидел результата. И можно ли это задавать в CSS?..или только в хтмл коде непосредственно на странице? Сам код таблицы: <table class="price"> <col class=""/> <colgroup span="2"></colgroup> <col class=""/> <thead> <tr> <th colspan="2" scope="colgroup" background="/img/table_greenbar.png";><a href="" title="">Заголовок</a></th> </tr> </thead> <tbody class="price"> <tr> <td colspan="2" scope="colgroup">…
0 votes6 answers -
div вёстка, проблема с блоками
Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…
0 votes9 answers -
onmouseover
Добрый вечер! Скажите. а можно ли через событие onmouseover поменять бэкграунд у блока? И если да, то как прописатьв стилях чтобы он ещё и repeat был. Пробовала, не получается
0 votes14 answers -
Подсветка кода.
Скажу честно, создаю пост от части из лени, но прежде всего ожидаю, что мне порекомендуют действительно хороший вариант... Нет ли у кого великолепного скрипта подсветки С++ кода? Можно на php но лучше, если на JS.
0 votes12 answers -
всплывающая подсказка в HTML (addthis код)
в следуйщем коде при наведении на иконку показывается стандартный текст сервиса addthis. что нужно дописать чтоб можно было по русски ввести нужные подсказки ? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_vk"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_compact"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http:…
0 votes3 answers -
Вопрос об отступах
Доброго времени суток! Возник вопрос, как задать отступ элемента на странице абсолютный не зависящий от других элементов(т.е. других блоков)? Вся проблема в том, что когда страница без наполнения копирайт блок прыгает вверх, то есть как зделать что бы даже при отсутцтвии других блоков, блок с копирайтом не поднимался. П.с: уже всё позабывал) Зарание спасибо!
0 votes9 answers -
Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?
У меня есть див с шириной 500px. В нём есть широкое изображение, где-то 1000 px шириной. А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?
0 votes10 answers -
Oracle VM VirtualBox
Начну с того, что установил Oracle VM VirtualBox, создал виртуальную машыну с Linux Ubuntu, запускаю и через несколько секунд появляеться вот такая надпись FATAL: No bootable medium found! System halted.Что ето за ошибка?
0 votes7 answers -
Непонятки с 960gs
Всем привет. Нашел туториал для дизайнеров по верстке для 960gs http://www.tutorial9.net/photoshop/design-...h-the-960-grid/ . PSD примера: http://www.tutorial9.net/wp-content/upload...04/BlueGrid.psd Но макет который там представлен вызывает у меня вопросы насчет верстки блоков чисто по фреймворку. Блок с телефоном в шапке имеет темную рамку, которая вылазит слева на область где будет margin, с первой колонкой списка Summary of Service справа то же самое. Понятно, что это некритично, можно все это в одном блоке по сетке сверстать, а внутри него уже использовать обычные плавающие блоки. Но я хочу тогда понять почему не сделали все по сетке, это же туториал, т.е. образец?…
0 votes4 answers -
Помогите type="imege" сделать текстом
Помогите <input type="image" src="/buy.gif" name="go" alt="В корзину" class="subm" /> сделать обычной ссылкой типа <a href="">. Мне подсказали что это стилями можно сделать, только я не знаю как, очень надо
0 votes5 answers -
Подскажите с версткой, пожалуйста
Добрый день участникам! Сразу уточню, что я не суперспец в верстательных делах, но задача была поставлена, нужно реализовать. Итак, на главной странице вот этого сайта был добавлен блок с табами (ближе к низу страницы). В нормальных (старых, объезженных) браузерах - FF 3, Opera 9, IE 8 - этот блок, как и требовалось встает в центр макета. В новых браузерах - FF 4, Chrome - разъезжается по всей ширине. Я подозреваю, что, возможно, что дело в html5-секциях, которые старые браузеры не поддерживают, но не знаю... Коллеги, подскажите, как исправить. Бьюсь уже третий час. Спасибо
0 votes3 answers -
Помогите избавиться от горизонтальной прокрутки в FF
Привет. Проблема с версткой, не могу понять откуда берется горизонтальная прокрутка в FF. В других браузерах все ок. Помогите, пожалуйста. Сайт Спасибо.
0 votes10 answers -
Слетел подключенный шрифт на сайте
Вот к примеру, страница <H1> выводился с подключенным шрифтом MyriadProLightCondensed, но тут вдруг перестал. Стили я не правил (т.е. вообще даже не открывал), менял только код PHP в некоторых шаблонах компонентов. Теперь почему-то не подключается нужный шрифт ни в одном браузере. Помогите разобраться? Да, кстати, дамп сайта на локалке работает как надо.
0 votes14 answers -
Как резать готовый, нарисованный сайт!
Как ы CS3 резать сайт и разделять каждый рисунок????
0 votes6 answers -
Высота 100% с отступами.
Добрый день. Есть проблема, но не как не могу найти решение без использования js. Требуется див по центру экрана у которого высота 100% но при этом есть отступ. Соответственно при изменении окна браузера, должен тянуться див и не должен появляться вертикальный скролл. Собственно нынешний код (урезанный). <style> html, body { padding:0px; margin:0 auto; height:100%; width:100%; } #section { height:100%; } #content { height:100%; margin:20px; } </style> <div id="section"> <div id="content"> текст </div> </div> Как это должно выглядеть. P.S. Извиняюсь если подобная тема есть, но не нашел ее.
0 votes11 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-