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
-
Input type text сделать резиновым
Собственно САБЖ. Вот код: http://jsfiddle.net/dJrD5/ Пытался сделать с помощью min-width и max-width, но ничего не вышло.
0 votes4 answers -
Трапеция? Неправильный прямоугольник?
Добрый день. Подскажите, как можно заверстать вот такие штуки? Без картинок. http://prntscr.com/anvzcp http://prntscr.com/anvzgx http://prntscr.com/anvzpg Спасибо!
0 votes5 answers -
Проблема
Здравствуйте! Хочу создать php код для загрузки изображения на сервер на выбранные области карты как прикреплено внизу. Чтобы когда зашел посетитель он мог выбрать любое фото у себя и загрузить его на любую область карты, как можно это сделать? Спасибо
0 votes0 answers -
Проблема с переносом подчеркнутого текста
Как сделать, чтобы при переносе подчеркнутого текста это подчеркивание не съезжало вниз (см. картинку), а фиксировалось под словами? Для примера желаемый вариант выглядел бы как "Описание Описание Описание Описание Описание"
0 votes3 answers -
Что входит в html и css верстку
Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?
0 votes1 answer -
Оптимизация меню
<style> * { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #menudiv { padding-right: 8px; height:17px; border-top: solid 3px #ef3e35; background: #eaeaea; } .menu { width: 100px; margin-left: 1px; float:right; background: #ef3e35; font-size: 11px; color: #fff; text-decoration:none; text-align:center; display: block; } .menu i { display: block; border:#eaeaea 4px solid; border-top-color:#ef3e35; border-bottom-width:0; } .menu:hover { background-color:#007fc3; color: #fff; } .menu:hover i { border-top-color:#007fc3; } </style> <div id="menudiv"> <a href="news.htm" class="menu" onMouseOut="documen…
0 votes1 answer -
Помогите с позиционирование простой структуры блоков
Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…
0 votes5 answers -
CSS: объемлющий селектор
Можно ли в CSS сделать что-нибудь наподобие ?? #abc {... правила для abc ... } #CONTENT { div {...} b {...} table {...} } #xyz {... правила для xyz ... } Т.е. не повторять #CONTENT кучу раз а написать один раз. И еще: можно ли этот участок кода (внури #CONTENT) вынести в другой файл?
0 votes5 answers -
expression max-width для IE6
С min-width понятно - width: expression(document.body.clientWidth > 970? '100%': '970px'); А как быть с max-width в IE6? Есть такой экспрешн?
0 votes2 answers -
Вопрос по верстке в две колонки
Здравствуйте, только начинаю изучать верстку возникает много вопросов, например по верстке в две колонки, показали пример <div id="all"> <div id="out"> <div id="right"> </div> </div> <div id="left"> </div> </div> вопрос, вот в чем: для чего будет использоваться <div id="out"> ведь можно просто поменять местами <div id="left"> и <div id="right">, и второму задать маржин, на ширину первого, а первому флоат,подозреваю что это как то связано с фоном но "допетрить" сам не могу, я прощу прощения если вопрос глупый и ответ будет очевидным но опять же повторяюсь я начинающий а спросить не у к…
0 votes4 answers -
Безопасная ширина, разрешение, шрифт
Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!
0 votes2 answers -
макет с двумя колонками одинаковыми по высоте
Всем привет! Такая проблема: не могу сделать две колонки (одна левое меню, другая контент), чтобы та колонка в которой содержимого больше, растягивалась по размеру на это самое содержимое, а соседняя выравнивалась вровень с ней. Т.е. грубо говоря чтобы они всегда были одинаковы по высоте. Большое спасибо за ответы! Вот макет: html, body { width:100%; height:100%; margin:0; padding:0; } * html #content { height: 100%; } body { background: blue; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 12px; height: 100%; } .header { background: red; position: relative; height: 356px; width: 998px; ma…
0 votes5 answers -
Помогите убрать пробел между divами
Делаю сайт. Шаблон у меня частично на дивах, частично в таблицах. Возникла такая проблема: не могу убрать пробел между горизонтальным меню и блоком "контент". Как сделать floatОМ так и не понял, пустой див с нулевыми размером шрифта и высотой вроде бы помогает, но тогда половина горизонтального меню не отображается. Вот код шаблона html: <div id="main"> <header> ?<div id="header"><table align="center" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="30%"><div id='logo'><img src="logo.png" alt="" height=100px weight=200px></div></td> <td valign="bottom" width="50%" id="name"><…
0 votes7 answers -
Якорь для вкладки
Помогите сделать ссылку якорь для любой из вкладок сайта http://kopiichasov.ru/direct.php
0 votes1 answer -
Добавление тега <p>
Здравствуйте. Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>?? Вот мой код: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Подсказка</title> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> HTML 5 </header> <div class="content"> Текст, к которому добавляю <p> </div> <footer> © 2013 Макс </footer> </body> …
0 votes9 answers -
@media Медиа запросы
Народ, помогите разобраться в медиа запросах. написал в css файле 2 вида стилей. Для обычного десктоп и для телефона. Но обычный почему-то все равно немного перебивает стили. В чем проблема? вот html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" media="screen and…
0 votes2 answers -
Сайт не отображает блок
Первый раз создаю сайт на хостинге. Не видит блок о компании. Он в конструкции есть, на сайте пустота.
0 votes1 answer -
CSS Для печати
Решил протестировать свой сайт плагином Web Developer 1.1.6 для мозилы, посмотрел во вкладочке css какой вид будет для печати, у меня там один див выплывает, скажите как мне сделать отдельный css для печати и как его крепить?? И как мне на страничке сделать действие на печать чтоб грубо говоря была ссылка РАСПЕЧАТАТЬ и по нажатею на нее открывлся либо просмотр либо сразу печать...
0 votes4 answers -
Выбор css
Можно ли дать пользователям возможность выбор таблицы стилей при заходе на сайт? Базы пользователей нет, поэтому выбор я представляю себе что-то вроде мелких картинок сайта, с разным оформления, и какой гость выберет, то оформление и будет. Если это можно реализовать, то как?
0 votes3 answers -
div'ы внутри div'а
Добрый день. Есть следующая ситуация: div, внутри которого еще два div'a. Нужно, чтобы внешний див растягивался в высоту по большему из внутренних. Соответственно, сейчас в случае, если один из внутренних дивов по высоте больше внешнего, он просто располагается поверх. Что пробовал: 1) Не указывать высоту внешнего дива. Внешний див создается высотой в 1 пиксель, внутренние идут поверх. 2) Выставлять всем троим display: block; - никакого эффекта. 3) Выставлять внешнему display: table; а внутренним - display: table-cell; . Верстка летит к чертям, других эффектов нет. Заранее благодарен за помощь.
0 votes3 answers -
Таблица на всю страницу!
Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!
0 votes3 answers -
аномальная навигация
Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …
0 votes6 answers -
drupal проблема с классами
Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это …
0 votes6 answers -
Неправильное отображение в IE
Всем Привет! Eсть сайт magicsmile точка cz и с ним такая проблема, он во всех браузерах отображается нормально, кроме IE7.(с первой страницей все ок, но при переходе на другие поплыл дизайн) В IE 9 все нормально. что здесь не так?.
0 votes4 answers -
Вопросик по CSS3
Привет! Тут заинтересовался новыми технологиями(css3 и html5), т.к. старые(css~2 и html~4) осилил уже давно и надо двигаться дальше, хочется что-то нового, но испытываю дефицит в информации, статей как реализовать то, как сделать так - полно, а вот, чтобы про каждый тег новый почитать, с чем его едят, для чего он нужен - не могу найти, точнее нашел на этом сайте список тегов html5 и их значение, а вот новых свойств/значений css3 на сайте нету, только псевдоклассы, типо :read-write или :nth-of-type, а свойств таких, как -webkit-gradient или -webkit-transition нету!!! Где вообще можно найти более менее полный перечень тегов, свойств, значений CSS3 с их описание, а то люди …
0 votes10 answers