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
-
Нужна тематика для сайта.
Я решил учить html и css. Но учится надо регулярно. А лучше ещё на конкретном примере конкретного сайта. Вот передо мной и стала задача тематики. Что бы что-то не сложное, и можно было сконцентрироваться на коде, а не на этой самой теме. Что посоветуете вы? P.S. Разумееться пока я ничего не умею, поэтому какието шаблоны -- не предлагать
0 votes7 answers -
таблицы+ ie7+ (chrome + FF)
Доброго времени суток. Задача следующая - сделать слой высотой {100% - 90px снизу - 90px сверху} Нужна стабильная работа под ie7 и дальше. http://www.beavers-net.narod.ru/primers/tableXie7.html Проблемы две - 1) ie7 ни за что на свете не желает делать врехнюю и нижние строки таблицы по 90px; 2) Chrome, FF3.6 не хотят отображать абсолютно позиционированный слой внутри релативной ячейки. Слой занимает в данном случае 100% от экрана и идет поверх всей таблицы. Про box-sizing помню.. но не знаю его эквивалента под ie Заранее спасибо. С уважением, Олег.
0 votes6 answers -
Оформление блока
Добрый день, помогите реализовать оформление блока как на картинке: С закруглениями много материалов перечитал, но чтобы такое сделать, ничего найти не могу.
0 votes4 answers -
Всплывающие div'ы
Всем привет! Прошу помощи!!!Скрипты не предлагать!! Создал страницу на которой отображаются div(общий)-->div(внутренний):картинка ->(ниже картинки) div(внутренний, но скрыт) и <--в этом то div'е краткое описание содержимой картинки! Далее поставил кнопочку(оформил стилями) и при наведении на нее курсора вплывает этот скрытый div с описанием картинки! Проблема такая: сборок с картинками много и к каждой такое скрытое описание, но нижние элементы при просмотре описания всплывают вниз за границы экрана и части текста не видно(приходится прокручивать вниз вручную) ! Есть ли возможность всплытия вниз так что описание выходило полностью пусть и страница немного прокрут…
0 votes14 answers -
Верстка табов
Может кто покажет нагугленое место? Я чего-то никак не могу найти. Подозреваю, что это непросто, по крайней мере сейчас не знаю как. задача следующая, табы, сделанные на вложенном списке. первый уровень - заголовки, сами табы. второй, собственно представление табов, их содержимое. пока пришел к единственному решению, но мне не очень нравится, измерять l с помощью JS и назначать для LI отриц. левый маргин. Иллюстрация
0 votes29 answers -
Как промаштабировать картинку под размер div?
Есть div определенного размера. И есть картинка размера гораздо большего чем размер divа. Как промаштабировать картинку под размер div? Понятно что можно вставить картинку в html с помощью img и задать width="100%". Но хотелось бы через стиль. Простейший код: <html> <head> <link rel="stylesheet" type="text/css" media="screen" href="cascade.css" /> </head> <body> <div id="header"></div> </body> </html> #header { height: 200px; background-image: url(head.jpg); background-repeat: no-repeat; background-position: left top; background-color: #ffff00; color: #ffffff; text-align: right; } Спасиб!
0 votes6 answers -
Прозрачные фоновые картинки
Иногда, у блока задают прозрачную фоновую картинку (пример,смотреть в Google Developer Tools), как в этом шаблоне. Картинка, какбы одновременно серая и прозрачная... Внимание, Вопрос: Как вырезать такую картинку из psd?? Например, может, отключить все слои кроме одного (с картинкой).. .. а дальше??
0 votes2 answers -
max-width - проблемы
Есть вёрстка <div id="header"> <div class="logoheader">blablalba</div> <div class="emblemsHeader">blablabla</div> <div class="textHeader">blablabla</div> </div> Есть CSS #header { height: 155px; margin-bottom: 17px; max-width: 1150px; position: relative; top: 17px; } .logoheader { float: left; margin: 0 !important; position: relative; width: 277px; z-index: 1; } .emblemsHeader { float: left; height: 153px; margin-left: -30px; overflow: hidden; position: relative; width: 129px; z-index: 0; } .textHeader { float: left; max-width: 773px; …
0 votes5 answers -
СУБД MS Access + html
Здравствуйте. Как можно подключить СУБД MS Access к сайту написанному на html? Т.е. чтобы можно было выполнять поиск по БД и отображать результат на сайте. Что для этого нужно знать и с чем это едят?
0 votes17 answers -
DIV уезжает вниз.
Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …
0 votes2 answers -
Навигация в слайд-шоу
Помогите правильно расположить навигацию. Туплю. Никак не могу выбрать. Посмотрите свежим взглядом, выберите лучший вариант или предложите свой. Позязя. V.1 V.2
0 votes7 answers -
как сделали на этом сайте?
http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…
0 votes15 answers -
internet explorer + <button> + смещение при клике
Кто нибудь боролся с тегом <button> под IE? Дело в том что при нажатии содержимое тега сдвигается влево и вниз на 1 пк. Знает ли кто-то как это предотвратить?
0 votes8 answers -
Заголовки и отступы между ними
Пардон, за столь лузерский вопрос... Имеем такой пример кода... <h1>TEXT</h1> <h4>TEXT</h4> Между строками получается очень большой отступ... Как его убрать? Требуется написать именно через заголовки h1 и h4, притом, что отступ между строк должен быть, как будто используется тег <br>... TEXT <br> TEXT
0 votes3 answers -
Нубские вопросы по формам
Простенькая форма: текстовое поле и submit. Вопросы: 1. У текстового поля через value задано значение "Поиск по сайту". Можно его без скриптов убрать, когда я щёлкаю в поле? 2. На кнопке текст - подчёркнут пунктиром. Значит, её через <input> не сделать, только через <a>? UPD Вот так должна выглядеть.
0 votes8 answers -
отступы между ячейками таблицы
Как их можно убрать средствами css?
0 votes5 answers -
Как растянуть Iframe во весь экран?
Здравствуйте, помогите мне растянуть iframe во весь экран, я пробую так: <frame src="some_page.php" width="100%" height="100%" frameborder="0"></iframe> Но у меня со всех сторон где то отступ по 5px.
0 votes1 answer -
Выподают изображения из блока
Такая проблема. Переделываю шаблон с табличной на блочную верстку и столкнулся с такой проблемой, есть блок для контента: div id="content" Стиль: #content { width: 500px; padding: 10 10 10 10px; background: #fff; Родительский блок: #container { width: 520px; float: left; padding: 0 220 0 240; position: relative; Вставляю изображение и текст в блок content. По высоте текста блок растягивается, а вот изображение торчит снизу и блок не растягивает в низ. Как быть ?
0 votes2 answers -
Размеры LI
Возможно задать минимальную высоту и ширину у тэга <li> ? Есть меню навигационное. У каждой кнопки прописан background (размер которого width:90; height:40) Пробовал #mainmenu ul li { width: 90px; height: 40px; min-height: 40px; min-width:90px; } Не выходит. Задать можно только размерность UL
0 votes12 answers -
Выравнивание по центру
У меня сново есть вопрос по сайту pohodkin.ru.У меня там есть меню(верхнее) которое сделано абсолютным позиционированием.Если в браузере уменьшить маштаб то оно уходит влево,как сделать что бы оно всё время было по центру?
0 votes2 answers -
Всплывающие элементы
NULL
0 votes2 answers -
em или %
Хочу сделать простенькую гибкую верстку. Что бы при увеличении размера шрифта она не разваливалась. Всё находилось в своих блоках. Подскажите, в какую сторону смотреть, что лучше использовать: em или % ? и почему? IE6 использоваться не будет. ЗЫ вероятно подобные темы поднимались, но поиск не ищет слова с двумя символами.
0 votes8 answers -
Возможно ли к одному тегу применить несколько классов.
Например: <td class="black" class="big"> и следовательно css: .black { background-color: #000; } .big { width: 300px; height: 300px;
0 votes5 answers -
почему не могу задать размеры ячейки таблицы при помощи css?
http://temich11.nxt.ru/table.html -- таблица http://temich11.nxt.ru/style_doska.css -- css В css размер ячеек задан по сто пикселей, но на деле -- гораздо меньше. В чём проблема?
0 votes2 answers -
javascript opacity
c.fn.fancyNews.defaults,d),a,k=[],r,h=0,s,m=true;if(!n())if(!n())return this.each(function(){f(this)})}};c.fn.fancyNews.defaults={width:800,height:420,previewOffset:2,maxWords:110,previewsPerPage:3,backgroundColor:"#333230",backgroundOverColor:"#736D61"}})(jQuery); Как здесь задать прозрачность?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-