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
-
Лишнии отступы а списке li убрать
Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно: /* Treeview */ #ex2 {margin: 0 12px 26px 30px;} #ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;} .treeview, .treeview ul {padding: 0; margin: 0; list-style: none;} .treeview ul {background-color: none; margin-top: 4px;} .treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;} /* fix for IE6 */ * html .hitarea {display: inline; float: none;} .treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; } .treeview a {margin-left: 2px; font: no…
0 votes10 answers -
0 votes7 answers
-
"От А до Я"
Конечно же в интернете можно найти множество полезной информации. Главное - знать что искать. Я, например, только начинаю своё обучение на HTML-верстальщика, по этому хватаюсь за всё. Наверное, много таких же новичков, которые учатся методом тыка. Но систематизировано, поэтапно учиться - это не только легче, но и быстрее. По этому предлагаю в этой теме составить программу обучения, чтобы отсеять ненужную литературу и не сталкиваться с одним и тем же по несколько раз. Построить такой курс можно, например, на списке книг от начального до профессионального уровня + дополнения. Ведь каждый наверное в начале своей карьеры задавал себе вопросы: С чего же начать? (Какие книги …
0 votes17 answers -
Верстка сайт бар
Добрый день! Хочу попрсить помощи у вас для вас будет легко, а так как я новичок мне нужна помошь. Смотрите начал верстать макет у меня сайт на один сайт бар, шапка сайта, контент, нижнья часть сайта. Вот почти все сверстал у меня не вийшло сделать сайт бар. как нужно правельно сайт бар сверстать? <div class="block1"> <div style="padding-left: 10px;"> sdfdfgfd dsfsdfsd sdf sdf sdf sd fs </div> </div> вот ксс . block1 { margin-top: 2px; width: 310px; height: 300px; padding-top: 75px; margin-right:160px; float: right; display: inline-block; background:url(/img/menu.png)…
0 votes8 answers -
БЭМ
Никогда раньше не работал с ним. Сейчас знакомлюсь и ряд вопросов. 1) Обязательно ли каждому элементу dom давать класс? или можно напрямую в css обратиться к элементу? 2) А если у меня много вложенных блоков. То что делать в таком случае? разделять на логические подблоки? просто по сути даже у корневого родителя можно найти куча элементов.
0 votes8 answers -
Условие на JavaScript по URL
Здравствуйте! Подскажите, пожалуйста, как написать на чистом JavaScript такое условие: Если в url нет символа ? (знака вопроса), то "fieldset.filter-item a" присвоить класс current Заранее благодарен за помощь!
0 votes12 answers -
Как склеить ячейки в таблице из div?
<!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver; padding: 10px;} .cell{display: table-cell; border: 1px solid silver; padding:…
0 votes1 answer -
Ссылка на css
Ребятки, вот код, выводит менюшку, при наведении на кнопку соотвественно происходит е? изменение, ну из кода понятно как! Вопрос, как сделать только на css без участия кода php или явы, чтобы когда человек наводит на кнопку в меню она не только менялась, но когда перейдешь по этой ссылку в нужный раздел сайта е? выделение положения при наведении было зафиксировано, брррр чот много написал ну в общем поняли: a.pointer { cursor: pointer; } .menu{ list-type-style:none; } .menu li,.menu a{ width:84px; height:30px } .menu a{ float:left; display:block; background-repeat:no-repeat; background-position: 0 0; } .menu a:hover{ background-position:0 -30px; } .menu .home{ back…
0 votes5 answers -
Проблема с таблицей в ИЕ
Есть таблица: <table class="tabl" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="7"><img src="img/gr_l.jpg" /></td> <td width="185" class="name">Наші пропозиції</td> <td width="35"><img src="img/gr_r.jpg" /></td> <td width="5"> </td> <td width="7"><img src="img/gr_l.jpg" /></td> <td width="57%" class="name"> </td> <td width="35"><img src="img/gr_r.jpg" /></td> <td width="5"> </td> <td width="7"><img src="img/gr_l.jpg" /></td> <td width="205" class="name">Клубний форум</td> …
0 votes1 answer -
Ссылка, а вокруг рамка...
Нужно сверстать ссылку в положении active Вокруг нее должно появится поле. Довольно трудно объяснить, лучше нарисую _________ | Ссылка | | Ссылка | __.....____ .....\/ Итак, что мы имеем. Ссылку, поле вокруг нее и нижний указатель(он же хвост). Проблема как раз с последним. Нужно учесть то, что все это должно быть прописано в css в свойстве active, очень желательно без таблиц. Хвост является картинкой. P.S. все что написано белым шрифтом не считается
0 votes6 answers -
ie6 img выходящий за пределы контейнера
Есть конструкция <div> <img style="margin-left: -30px"> </div> Смысл ее в том, что картинка выходит за слой в котором она находится, но при этом правильно отображется. Отображается правильно везде кроме ie6. В ie6 край картинки выходящий за пределы контейнера не отображется, существует ли способ победить это кроме position: absolute? Спасибо! Пример http://www.elanfundraising-dev.com.php5-12...tetestlink.com/ Картинка с тектом "Yes we can...."
0 votes4 answers -
Отображение Текста В Зависимости От Страницы
Прошу прощения, наверное не туда пишу, надеюсь только на вашу лояльность к новичкам. По работе пришлось столкнуться с css, я мало что в нем понимаю, но проблему надо решить и никуда от нее мне не деться. Итак проблема: Имеем таблицу: Описание класса в CSS Таблица присутствует на шаблонной странице index.html, с которой собираются все другие страницы. Могу ли я с помощью css оставить эту таблицу только на главной странице. Как я понял, это делается с помощью тега display, но как его применять не хватает знаний.
0 votes10 answers -
Стоит ли такие фичи реализвоать в CSS
Активно изучаю веб, и пробую новые приемы в CSS3 и.т.п. Делаю себе новую шкуру с использованием некоторых прибамбасов. http://dgbomb.com/maket/ Есть несколько вопросов: 1. Насколько сильно эффекты закруглений, CSS транзишн, тени и т.п. грузят броузер. Может, все это лучше картинками сделать? 2. У меня макет пересчитывается через CSS на несколько разрешений. То есть, на разнах разрешениях - разная ширина макета. Насколько это приемлимо. Или лучше сделать через скрипт. 3. Заметил, что слайдеры на превьюшках в файрфоксе анимируются скачками. Это особенность броузера? Или у меня косяк. 4. Общий вопрос. Как сохранить баланс в наследовании классов типа .style ul li ul {} или .…
0 votes5 answers -
Несколько вопросов..
Здравствуйте уважаемые форумчани... Недавно начал заниматься вёрсткой и вот столкнулся сразу с несколькими вопросами... 1.Вопрос Допустим я верстаю под ucoz... Как сделать так что бы картинка контейнера сама растягивалась по высоте по мере заполнения самого контейнера, вот сама картинка http://s16.radikal.ru/i190/1212/08/af6daa214cfd.jpg (P.S это для явного примера что бы поняли) 2.Впрос хотел очень бы узнать как верстать такие части как input.. Дело в том что их сверстать не так просто как мне казалось особенно scrol, надо заме нить его на картинку а потом ещё по мере его сделать что бы он сам расширялся.. В общем вот такие проблемы кто поможет буду очень благодарен, за…
0 votes13 answers -
Какая разница?
Здравствуйте! Подскажите пожалуйста. Вот не могу понять... К примеру есть маркированный список. <div class="menu"><ul><li><a href="#">Ссылка 1</a></li><li><a href="#">Ссылка 2</a></li><li><a href="#">Ссылка 3</a></li></ul></div>Дальше css код .menu li {какой-то CSS стиль}То есть ВСЕМ элементам li класса menu задаём "какой-то стиль" ? Верно? .menu ul li {какой-то CSS стиль}А тут что? Мы ведь по сути к тем же спискам li обращаемся? Зачем тут ul?
0 votes17 answers -
Подскажите как сделать онлайн компилятор HTML/CSS.
Ребята помогите пожалуйста в решении вопроса.А именно как сделать онлайн компилятор HTML/CSS на подобие того что в CodeAcademy или jsfiddle?Хочу попробовать сделать сайт на подобие того самого CodeAcademy, для дипломного проекта.
0 votes2 answers -
Как отобразить блок, который пропадает из-за overflow?
Есть слайдер. Чтобы скрыть слайды, у блока lsbslider стоит overflow: hidden; У слайдера есть стрелки навигации. - .left хочу сместить стрелку левее от блока. т.е. чтобы стрелка была вот так: http://joxi.ru/BA0KBq0HMlxJq2 Вопрос как сделать ,чтобы она не пропадала. Сейчас стрелку не видно, так как у блока выше overflow:hidden <div class="lsbslider"> <a class="left" href="#" role="button"></a> </div> .lsbslider {width: 300px; position: fixed; left: 100px; height: 200px; background:coral; overflow: hidden; } .left { left:-30px; } .left { position: absolute; display: flex; width: 30px; height: …
0 votes1 answer -
Не выводится параметр формы заданный через <select>
При обработке данных формы не выводится параметр, заданный через . Фрагменты кода: 1) Форма: <H2>Пожалуйста, заполните форму регистрации.</H2> <TABLE STYLE="width:415px;color:#FFFFFF;"> <form action="autorisation1.php" method="GET" name=regForm onSubmit="return validatePwd()"> <TR><TD STYLE="width:50%;text-align:right;" valign="top"> Логин</TD> <TD STYLE="width:50%;text-align:left;" valign="top"><input type="text" name="Login" style="width:228px;"></TD></TR> <TR><TD STYLE="width:50%;text-align:right;" valign="top"> Пароль</TD> <TD STYLE="width:50%;text-align:left;" valign="top"><…
0 votes5 answers -
Вопр. про поисковики?
Кто знает подскажите плиз =) Поисковой робот( yandex.a или rambler.a ) когда копирует информацию на сайте Он залазие в CSS или нет (к примеру чтоб посмотреть размер шрифта h1)
0 votes4 answers -
Помогите
И так начну свою тему: я тут создал свой сайт с нуля конечно, но он у меня еще не запущен, так как на нем нет "информации о сайте" ОПИСАНИЯ о том для чего я его сделал и зачем он нужен в сети Интернет. В общем мне в голову не чего не лезет, и я не знаю, что можно придумать вот я и у вас хотел спросить есть ли коки не будь программы, которые описывают сами мою воображалку. Буду благодарен если вы мне поможете
0 votes5 answers -
3 блока разъезжаются :(
Товарищи, помогите пжалста новичку... вобщем как сделать чтобы 3 блока встали в 1 ряд и не разъезжались? у меня 3 картинки, я их сую в 3 дива, а вот дальше разваливается....как не игрался с позиционированием не получается...нужно поставить в 1 ряд (menu, content,block) это должно быть как то легко, но уже даже не знаю как...вот собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Untitled</title> </head> <style type="text/css"> body {margin:0px} #bgr {background-image:url("img/bgr.jpg"); height:100%; width:100%; background-repeat:no-repeat;} #shapka {b…
0 votes2 answers -
Неубиваемые границы <iframe>'ов в IE7
В IE7 никакими способами не удалось скрыть границы iframe ов Пробовал *{ border: none; } на странице с фреймами и на страницах с содержимым для проверки. Результат - нулевой. Есть еще какие-то варианты?
0 votes2 answers -
Оптимальный макет в две колонки и прижатым подвалом
Подскажите пожалуйста самый оптимальный на ваш взгляд макет(фиксированный) в две колонки и прижатым к низу подвалом, который бы был валидным и кроусброузерным. Просто вариантов мало, а какой является лучщим и главное правильным с точки зрения написания кода я понять не могу. Заранее Спасибо
0 votes8 answers -
Чего не хватает для работы а:hover
Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }
0 votes9 answers -
Динамичный контент
Здравствуйте, форумчане! На вашем форуме пишу впервые, по этому не смейтесь над вопросами. Помогите разобраться в следующем: Есть сайт на Народе, есть новости сайта, на каждой страницы есть отдельная графа - ''последние 5 новостей'' С каждым разом сайт увеличивается по количеству страниц и уже становится трудно отображать каждую новую новость заново на каждой страницы. Подскажите как сделать динамичное отображение новости на каждой страницы. В css такого не нашёл, возможно я что-то не допонял. Или хотя бы наведите на мысль, я быстро дойду до истины. Спасибо, надеюсь решить проблему с Вами.
0 votes11 answers