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
-
DIV-ы в DIV-е
Физкульт-привет, товарищи верстальщики! Столкнулся с небольшой проблемой. Имеется DIV с фиксированной шириной, нужно расположить в нём 4 DIVа с фиксированным отступом между ними, так чтобы DIVы растягивались на всю доступную ширину. Т.е. должно быть как на картинке: Вроде ничего сложного, но у меня не получается.
0 votes2 answers -
DIV-ы или table...?
Здравствуйте гуру , знающие , интересующиеся и просто любопытствующие... Какая просматривается тенденция , что рекомендуют учителя и опытные верстальщики ? Набирать div или склонится в сторону table ? Есть принципиальная разница ? Быть может просто я не понимаю сути этого дела , поэтому терзаюсь сомнениями ? Спасибо . Хорошего всем дня .
0 votes6 answers -
div-ы по ширине
Как выровнять блоки по ширине. Сайт резиновый, в контенте стоит некое количестве блоков фиксированой ширины с флоат:лефт, количество их в строке ставится под ширину браузера, но проблема, как их выравнивать по ширине, чтобы небыло справа большого отступа. Смотрите тут: http://club-cod4.ru/portfel/tramp/razdel.html (не спам) Другими словами нужно align=justify, но в место теста блоки (дивы).
0 votes1 answer -
div-ы, position:absolute,центровка по вертикале
Есть главная страница - http://yurii-vais.ru/index.html Двум анимированным изображениям ссылкам и логотипу выставлен position absolute ,картинка фон закреплена по вертикали и горизонтали. Теперь осталось также закрепить 3 элемента ,которые поверх фона (лого и ссылки). Проблема в том что они то position absolute,и просто их зафиксировать не получается,сохранив наложение.Надо просто чтобы все элементы не реагировали на размер окна,а всегда оставались каждый на своем месте. Просто чтобы сайт не тянулся,одним словом Как это сделать???? Кто нибудь сталкивался с такой задачей? Пжлст посоветуйте решения.
0 votes4 answers -
DIV-ы, Гор. меню, несколько пунктов, с процентной шириной
Задача такая, если бы это были таблицы я бы сделал так: <table width="100%"> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> </table> тогда бы пункты растянулись бы на всю страницу, еще ссылкам пропсиал бы display: block; и тогда бы они заполняли всю ячейку, вот мне надо так, тока на дивах. <div class="menu"> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a>…
0 votes4 answers -
DIV, table и гугль!
объясните почему? говорят что хтмл разметку нельзя использовать полностью из DIV должны присутствовать table ит.д.(гугл проще воспринимает table), почему? http://korrespondent.net/ состоит полностью из div
0 votes10 answers -
Div, который занимает все оставшееся место
Добрый день! Попытался воспроизвести свою ситуацию, упростив ее до минимума. Необходимо, чтобы div #center занял все оставшееся место между #top и #bottom <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <style type="text/css"> html, body { height:100%; } #outer{ background:#00F; height:600px; width:400px; float:left; } #top{ width:400px; background:#F0F; height:100px;…
0 votes1 answer -
DIV, минимальная высота, растягивание
Добрый день. Подскажите - есть ли способ задать для DIV-а минимальную высоту? Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом. Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS. Заранее благодарен.
0 votes6 answers -
Div, надпись и поле ввода
Всем привет. Подскажите, как можно сделать следующее: в одном div одной строкой разместить поле ввода по ширине этого дива и справа от него кнопку. То есть получается, кнопка находится справа и ее размер соответствует ее реальной ширине, а поле ввода растянуто от левого края дива, до края кнопки. Как можно реализовать такое? Заранее благодарен.
0 votes12 answers -
div, перенос строки
Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.
0 votes4 answers -
DIV, проблема с width
Помогите, пожалуйста, разобраться. Недавно только начал верстать слоями и практики в этом мало. Пытаюсь сверстать следующий макет: Ну это примерно какие блоки будут и где примерно они должны находиться. По ходу верстки столкнулся со следующей проблемой. Сайт будет растягиваться по ширине окна браузра. box-r - не изменяется и имеет фиксированную ширину, box-l - растягивается. Так вот надо чтобы слои button располагались по центру внутри слоя box-l и растягивались в зависимости от ширины. Кроме этого когда всталяешь таблицу в box-l либо в box-cont (тоже растягивается) и width таблицы ставишь 100% то в IE таблица вылазит и принимает значение 100% от всего экрана, а не того …
0 votes3 answers -
div; как растянуть слова по ширине, чтобы они точно встали в шаблон?
Хочется растянуть всё это по ширине, чтобы слова точно встали в шаблон. А по незнанию не получается... Коды такие: <div id="wrapper"> <div id="shapka"> <ul> <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> <li><a href="/">Форум</a></li> </ul> </div> #shapka ul { list-style-type: inherit; position: absolute; font: 16pt Arial, Verdana, sana-serif; co…
0 votes1 answer -
DIV: в центре по вертикали, независимо от разрешения экрана.
По горизонтали это делается так: .center { width: 500px; height: 500px; background-color: #FFCC66; position: relative; margin: auto; } А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080. P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?
0 votes10 answers -
DIV: как избавиться от переноса?
При изменении размера окна div, у которых float:left, переносятся вниз под соседний слева. То есть: пользователь уменьшил чуть-чуть окошко, а у него меню и текст спрыгнули куда-то под логотип. Как этого избежать? Пример проблемы тут: http://stam-festival.ru
0 votes7 answers -
Div: обязательно все элементы в него "оборачивать"?
Недавно осваивать html взялся. В небольшом количестве примеров, которые видел, чекбоксы, кнопки "оборачивают" в div. Это обязательно? Если да, то что будет, если этого не делать или где-нибудь пропустить элемент? В html5 видел учебный пример, там сам текст "оборачивают" в section и article.
0 votes6 answers -
div:hover и свойство color
Всем привет. Есть стили: .filt-producer { width: 130px; margin-bottom: 5px; cursor: pointer; } .filt-producer :hover { color: #0088cc; } Есть html-код: <div class="filt-producer"><strong>Name1</strong></div> <div class="filt-producer">Name2</div> Проблема в том, что при наведении курсора на первый div, цвет текста в нем меняется, во втором div'е - нет. Если текст во втором диве обернуть в <strong>, то все ок. Как сделать так, чтобы цвет текста менялся независимо от того <strong> он или нет? Спасибо.
0 votes2 answers -
DIV. Вертикальное позиционирование.
Добрый день! Заинтересовал вопрос по поводу вертикального позиционирования, погуглил, ниодин вариант не подошел. <div id="big_block"> <div id="left_top_block"> Этот блок должен располагать слева вверху. </div> <div id="center_block"> Центральный блок, который будет заданной ширины, н/р, width:40em; Вертикальное позиционирование не особо важно, ради весёлости, можно конечно отцентровать </div> <div id="right_bottom_block"> Этот блок должен находиться справа внизу </div> </div> Скорее всего, подойдет вариант с display:table; и display:table-cell;, но то, что нашел в инете, не смог подогнать под именн…
0 votes3 answers -
div. Опоясать картинку
DIV .login{ background: url("/imgs/login.jpg") no-repeat center; }Но див имеет высоту, которая зависит от input'ов в нем, а я хочу, чтоб он растягивался на всю картинку.
0 votes16 answers -
div.hover
имеется 2 слоя <div class="sloi1">слой1</div> <div class="sloi2">слой2</div> как сделать так, чтобы при наведении курсора на первый слой вместе с ним выделялся и второй слой тоже?
0 votes3 answers -
div's+таблицы
слои сдвигаются из-за таблиц : <code> </head> <body> <div id="body"> <div id="header" ></div> <div id="menu"> использована таблица с рисунками </div> <div id="info">INFO </div> использована таблица с рисунками <div id="footer"> </div> </div> </body> </html> html,body{ margin:0; padding:0; background:url(bg-menu.gif); background-repeat:repeat-y } #header{ height:253px; min-width:768px; background:#FFEF97; background:url(images/pic_01.jpg); } #menu{ width:352px; float:left; background:url(images/pic_02.jpg);background-repeat:repeat-y } #info{ …
0 votes4 answers -
div'ная верстка
Здравствуйте вот решил заняться разработкой сайтов но возникли вопросы, если вы не против то все вопросы я буду задавать в 1 теме! 1 вопрос как сделать 2 блока в контейнере , 1 блок в левой стороне второй по центру , делал это с помощью функции float левый блок получается а вот как сделать по центру не соображу! вот мой коддинг))))) index <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Название страницы</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <d…
0 votes8 answers -
DIV'ная проблема с позиционированием и понятием "контента"
В общем есть проблема. Схема страницы: проблема такого плана, не могу получить правильное отображение. Контент находится "поверх" картинки, загнать картинку в background нельзя, так как она должна тянуться от ширины экрана, соответственно это абсолютно спозиционированная картинка с width:100%, которая принимает ширину внешнего DIV'а (бордового). У этой картинки сверху прозрачные уголки. В общем это должно выглядеть примерно так: bgstrip - вертикальная полоса цвета "низа" картинки и прозрачная сверху (чтоб прозрачные уголки картинки не перекрылись) - абсолютное позиционирование top-0, left-0, чтобы быть привязанной к внешнему диву - текст и другая информация, дол…
0 votes4 answers -
DIV'ная рерстка списка статей
Здравствуйте форумчане. А подскажите мне пожалуйста как можно сотворить список статей, как примерно показанно на картинке, прикрепленной мною. Так, что все выводились друг за другом и имели строго такой вид, как я изобразил. Есть код мною написанный, но уже третья статья уезжает вниз, чего совсем не нужно. Помогите разобраться и привести код и все остальное в божеский адекватный вид. Я немного новичок в верстке, поэтому нужна помощь. <div calss="wrapper"> <div id="articles"> <div class="article">...</div> <div class="article">...</div> <div class="article">...</div> <div class="article">...<…
0 votes1 answer -
div'ы в CSS
Здравствуйте. Посмотрите пожалуйста: placepage.narod.ru. Что нужно сделать чтобы и в IE отображалось так же как в других? Где ошибка? Премного буду благодарен. Спасибо.
0 votes2 answers -
div'ы в CSS. В Осле отображается неправильно.
Здравствуйте. Буду безмерно счастлив если кто-то найдёт ошибку. Посмотрите пожалста: placepage.narod.ru - только в Осле никак контент не хочет "объехать" меню. В остальных браузерах - так как нужно. В CSS перепробовал кажись уже всё. Что нужно сделать чтобы и в IE отображалось так же как в других? За праздники хотел сайтик запустить, а тут такая незадача... Премного буду благодарен. Спасибо. Извините, вопрос задал не в этом разделе. Пошёл в раздел CSS
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-