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
-
IFRAME и border
Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…
0 votes1 answer -
Скролбар в Div'e
Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?
0 votes3 answers -
Нету высоты во вложенном div-е
html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/css.css" rel="stylesheet" type="text/css" /> <script src="js/minmax.js" type="text/JavaScript"></script> </head> <body> <div id="header">Заголовок</span></div> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="l_back"><div><div> </div></div></div> <div id="r_back"><div><div></div…
0 votes4 answers -
Верстка табов
Подскажите как правильнее сверстать такие вкладки: http://pics.livejournal.com/happi_net/pic/0000p6sh/ чтобы каждая следующая вкладка ложилась под предыдущую чтобы вся вкладка была ссылкой и чтобы ссылки еще не перекрывались у меня проблемы именно с этим перекрывающими уголками, получается ссылка накладывается поверх следующей вкладки и еще каждой вкладке приходится прописывать свой z-index, что не делает код универсальным памагите!
0 votes6 answers -
Как при нажатии на ссылку вывести информацию в том же окне но в соседнем div ?
У меня есть div_1 и div_2. В div_1 у меня ссылки. Как при нажатии на любую ссылку вывести информацию в том же окне но в соседнем div_2 ??? Напишите код пожалуйста или какой то пример с кодом!!!!!!!!!!!
0 votes5 answers -
Не могу понять в чем дело (tooltip)
Привет всем! В общем такая беда. Надо сделать подсказку для ссылки по клику. Нашел скрипт, там все работает. Копирую себе - не хочет. Может кто надоумит? Вот мой код: <li><a href="#">Недвижимость</a> <div class="find"><a href="" class="fortip">найдено 3 новых объекта</a> <div class="totip totip3">Tooltip 1</div> </div> </li> шапку и css, думаю, выкладывать не стоит. В путях точно все верно, а стили я скопировал с примера.
0 votes8 answers -
проблемы с background
Добрый день, сейчас верстаю один макет, и столкнулся с такой проблемой: http://s011.radikal.ru/i315/1201/ba/9a2f69f0373a.png беграунд сверху размером 1800px и блок контента должен быть посредине. На 1920х1080 все отлично. Однако на меньших разрешениях выходит вот так: http://s018.radikal.ru/i510/1201/2e/9d8e19e9d506.png Вопрос, как сделать что бы на всех разрешениях все выглядело одинаково? Я вот думаю по поводу: Отдельный бг для каждого разрешения, такое возможно? Если да, то как сжимать картинку, ибо нужно сжать только горизонтально, а вертикально вроде бы должна быть такой же.
0 votes10 answers -
css: наследование свойств
Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}
0 votes4 answers -
Метод верстки иконок
Добрый вечер. Пыталась найти ответ на свой вопрос через поиск, но ничего толком не нашла. Верстаю я всего пару месяцев, поэтому всегда обращаю внимание на верстку других сайтов, если вижу что-то интересное. Часто натыкалась на то, что иконки вставляют тегом " i ", точнее фоном к этому тегу. Правильно ли это или все зависит от конкретного случая? Потому что я обычно их вставляю фоном к родительскому элементу.
0 votes9 answers -
Pricing Table на Uikit 3. Как сделать?
Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю. Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок... <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr&g…
0 votes2 answers -
Сдвиг текста
HTML: <div class="sidebar"> <h2>Рейтинг новостей</h2> <ul> <li><a href="#">Первый</a><span class="rating_sidebar">8.1</span></li> <li><a href="#">Второй</a><span class="rating_sidebar">7.9</span></li> <li><a href="#">Третий</a><span class="rating_sidebar">6</span></li> <li><a href="#">Четвертый</a><span class="rating_sidebar">5</span></li> </ul> </div> …
0 votes1 answer -
Проблема с плашкой
Сделал плашку, Вот код; .title_red_grad{ background:url(../images/red_title_grad.gif) repeat-x; height:24px; width:auto; margin:0 0 0 10px; text-align:center; position:absolute; } .title_red_left{ background:url(../images/red_title_left.gif) no-repeat left; height:24px; margin:0 0 0 16px; } .title_red_right{ background:url(../images/red_title_right.gif) no-repeat right; height:24px; } title_red_grad внутри этого дива стоит заголовок, плашка расятгивает в ширину от размера заголовка. Все отлично работает в Мозилле и Опере, в IE 6 Плашка растягивается во весь контейнер. Вопрос что делать?
0 votes3 answers -
Проблема с COL под FF
День добрый. У меня возникла проблема, верстаю таблицы с использованием тега COL для установки ширины и позиционирования в td. Под браузерами Opera и IE всё работает нормально, но вот FF ни в какую не хочет понимать аттрибут align или valign для тега COL. В качестве примера привожу код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <table width="300" border="1"> <col /> <col valign="top" width="30" align="center"> <col valign="top" width="30" align="right"> <col valign="top" width="30"></col> <tr> &l…
0 votes5 answers -
помогите очень надо!
помогите...создать веб страницу....и когда бы вы заходили на нее вам бы высвечивало данные вашей материнской платы...посоветуйте пожалуйста как это можно сделать....или направьте хоть в правильное русло..это нужно показать преподавателю и все..заранее благодарный
0 votes5 answers -
Ширина символа табуляции
Пишу типа веб редактор файлов, и мне не нравится большая ширина символа табуляции, мне оптимально длинной в 4 символа пробела, не могу найти как это сделать + мне принципиально важно чтобы это был символ табуляции \t а не 4 пробела. Подскажите как можно задать его ширину? p.s. всякие замены на span с заданием стилей похожих на такой символ не пропрет, т.к. это пишется в textarea поле, хотя кто знает, бывают разные извращения решения проблем. зарание благодарю
0 votes2 answers -
Не отображаеться текс в IE
Кто нибудь сталкивался с такой проблемой: есть текст либо линки при загрузке окнах в ие их не видно но если курсором! навести на место где она должна быть то она появляется! Если курсор убрать то может исчезнутьа может и нет вчем может быть проблема? верстка или скрипты?
0 votes7 answers -
Подмена текста изображением
Начитался, правило хорошего тона, меньше кода... а реально, чем этот метод лучше чем обычная картинка с альтом внутри? Не понравилось, что когда отключаю графику текста нет
0 votes4 answers -
Как в XML файл вставить другой XML файл ?
С помощью какой или каких команд XML можно вставить в файл XML содержимое другого файла XML ?
0 votes3 answers -
проблемка с позиционированием элементов
хочу сделать в блоке footer чтобы картинка выравнивалась по левому краю, а link по провому нижнему углу. делаю так <style type="text/css"> .bottom { /* Нижняя часть */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ font-size: 90%; /* Размер шрифта */ padding: 3px; /* Поля вокруг текста */ } .bottom_link { float:right; } .bottom_img { float:left; } </style> <div class="bottom"> <div class="bottom_img"> <a href="http://www.tyda.ru"><img src="img/p1.jpg" alt="img" width="90" height="54" /></a> </div> <div class="bottom_link"> <a href="http://my.com">link</a> …
0 votes1 answer -
Помогите опредилить движок.
http://www.igromania.ru/ - помогите, скажите какой движок?
0 votes5 answers -
Как поменять Фон блога, в каком фрагменте CSS
У меня блог на бвзе WordPress 2.7, Хоче поменять фон блога но не знаю с какого фрагмента CSS это сделать. Не с этого ли: /***************************************************/ body { background: #f1fcfe url(images/bg.gif) repeat-x top; text-align: center; font-size: 0.75em; } #container { width: 980px; margin-right: auto; margin-left: auto; text-align: left; } #header { width: 980px; height: 173px; } /***************************************************/ Я пробовала, но чтот не так, - не меняется, может не так делаю, или может в этом деле задействован и другой фаил WordPress? Прошу дать подсказку.
0 votes3 answers -
Мега хитрая верстка
Могут ли блоки DIV налезать друг на друга? Например в одном текст, в другом меню, в третьем Хидер с картинкой?
0 votes4 answers -
не растягивется ячейка в Opera и IE
Подскажите плиз как бороться с такой проблемой, есть три ячейки по вертикали, средней ячейке задана высота height="100%", а у нижней и верхней по 150px. В результате получается так что верхняя и нижняя ячейки растягиваются по высоте, а средняя нет, хотя нужно наоборот. C FireFox проблем нет, а вот в IE и Opera средняя ячейка не растягивается по высоте ....уже испробованы всяческие варианты, ни чего не изменилось, помогите кто знает в чем дело! Вот пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <…
0 votes6 answers -
Не могу достичь кроссбраузерности
Здравствуйте! Я начинающий веб-дизайнер, и, собственно, чтобы поднатореть начал с редизайнов. Оригинал сайта: http://pskov.izbirkom.ru То, что я сделал: http://sie-club.ru/design/ Но так как задумано сайт выглядит только в Опере. Остальные браузеры выдают мне черте что. Пожалуйста, помогите, я уже не знаю что делать. Вот например margin-top: -17px; для таблицы работает только в Опере. В остальных браузерах таблица не двигается.
0 votes8 answers -
Выравнивание прокрутки текста по вертикали
Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" />…
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-