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
-
Наполнение сайта
Уважаемые, подскажите пожалуйста важно ли для продвижения, то, что в вордпресс будет добавляться контент с ворда или его обязательно вбивать ручками?
0 votes5 answers -
css странное наследование или полтергейст
Добрый день, жители форума. Верстаю сайтик с вордпресса в джумлу. возникла странная(для меня) проблема. задал свойство a:hover, focus и active для горизонтального меню с id=mergen. И к моему большому удивлению и глубочайшему сожалению(мягко говоря) теги <a> левого вертикального меню приобрели те же самые свойства. Помогите побороть пожалуйста А конкретнее: фоновая картинка при фокусе изменяется как в классе menu(первое меню, вертикальное) так и в нужном мне меню класса mergen(второе меню, горизонтальное) Часть CSS: body,html {height:100%; } body{:#ffffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#000;margin:0 auto;} .clr{clear:both;overflow:hidde…
0 votes1 answer -
уголки с помощью before и after
Здравствуйте. Может кто-нибудь объяснить(или дать ссылку на урок) за счет чего делаются скосы у бордера before или after. Например, задача из практикума http://jsfiddle.net/TiGR/RkmBD/ Если взять конкретно ul.steps li:before, ul.steps li:after { position:absolute; width: 0px; height: 0px; content:" "; } ul.steps li:before { border: 15px solid transparent; border-left: 5px solid white; border-right: 0px solid transparent; То я понимаю это как белый элемент с видимой белой шириной 5 пикселей и невидимой высотой. В общем уже на бумаге рисую чтобы понять, но никак не пойму механизм.
0 votes7 answers -
DIV-ы или table...?
Здравствуйте гуру , знающие , интересующиеся и просто любопытствующие... Какая просматривается тенденция , что рекомендуют учителя и опытные верстальщики ? Набирать div или склонится в сторону table ? Есть принципиальная разница ? Быть может просто я не понимаю сути этого дела , поэтому терзаюсь сомнениями ? Спасибо . Хорошего всем дня .
0 votes6 answers -
смена гарнитуры в google fonts
помогите пожалуйста разобраться скачать и подключил шрифт из хранилища google. не понимаю как мне использовать гарнитуру bold. если я запишу так font: bold 24px 'Titillium', arial, sans-serif;, то сработает именно гарнитура bold из хранилища google или просто браузер своими средствами добавит жирность?
0 votes7 answers -
Всплывающее меню при наведении
Как сделать такое меню http://ria.ru/ . на css такое возможно?
0 votes7 answers -
Нестандартный вид текстового поля
День добрый! Возникла необходимость вместо стандартного прямоугольничка тега input сделать вот такое: ..................... и потом на эти точки вводить текст. Рылся пол-ночи в инете и ничего не нарыл Подскажите, как это можно сделать средствами css? С ув. Uncle Fox
0 votes9 answers -
Не отображается шрифт
Не отображается шрифт на сайте. Шрифт: Corinthia. В CSS прописала: @font-face { font-family: Corinthia; src: url('corinthia-webfont.eot'); src: url('corinthia-webfont.eot?#iefix') format('embedded-opentype'), url('corinthia-webfont.woff2') format('woff2'), url('corinthia-webfont.woff') format('woff'), url('corinthia-webfont.ttf') format('truetype'), url('corinthia-webfont.svg#corinthiaregular') format('svg'); font-weight: normal; font-style: normal;}.main h2 { font-family: Corinthia; font-size: 50px;}В папку fonts загружены файлы со шрифтами. Но, шрифт не отображается! В чем же, может быть, проблема?
0 votes3 answers -
Меню съехало
Что-то не получается убрать этот промежуток. Съехало все после того, как добавил картинку звездочки в элемент списка. <body> <div class='wrapper'> <header> <img src="images/logo.png"> <div class='right'> <a href="#"><img src="images/search.png"></a> <button type='submit'>LOGIN or REGISTER</button></div> <div class='clearfix'></div> </header> <nav> <ul> <li><a href="/home/">Home</a></li> <li><a href="/products/">Products</a></li> <li><a href="/about/">About</a></li> <li><…
0 votes3 answers -
Высота столбцов в табличной верстке.
Доброго времени суток! Подскажите пожалуйста, имеется табличная верстка, три колонки: aside, main, sitebar. Когда добавляю свойство display: table-cell в aside и sitebar, они вытягиваются на всю длину main, а мне бы хотелось самому назначить им длину, но свойство height не работает. В чем может быть проблема?
0 votes5 answers -
Центрирование блоков, исключая последней строки
У меня контент состоит из квадратных блоков фиксированных размеров. Нужно сделать адаптивный дизайн, так чтобы блоки размещались построчно. При этом они должны быть по центру экрана по ширине. Я сделал так: https://jsfiddle.net/t3mbvvbo/ Но в последнем ряду, если блоков не хватает до ширины экрана, они также по центру. А нужно, чтобы они были по левому краю. Как это сделать?
0 votes3 answers -
float, clear, overflov
Сабж. Не только подробное описание, но и различные трюки. Где почитать очень, ну очень подробно :). Статья, набор статей или раздел книги (название, аффтар, и желательно раздел или страница ). С примерами. На русском.
0 votes4 answers -
Высота таблицы
как определить высоту таблицы, чтобы присвоить её значение переменной
0 votes2 answers -
экспериментальный SSI составила, но как быть . . .
Всё сделала, - вложила в index_experimental.shtml два файла header_eng.html и footer_eng.html Но как быть дальше? Вопрос: 1) Если я переделаю уже работающий index.htm в index.shtml не пострадают ли кие функции (загрузка сайта, seo, . . .) 2) Более важный для меня вопрос: как вложить все остальное в index.shtml ? 3) И еще: не будет ли существенной разницы между index.shtm и index.shtml ? 4) Ускоряет ли это все скорость загрузки сайта? tamcredit.ge/experimental/index_experimental.shtml Очень надеюсь на совет, и не выхожу с форума. Предварительно Благодарью ПС Если вы поможете и я окончательно раберусь с данными вопросами, то дальше без проблем смогу переделать все файлы, …
0 votes2 answers -
Проблема с ИЕ снова
Здравствуйте! Есть вопрос к знатокам. Пытаюсь сделать всплывающие подсказки со ссылками с помощью css <html> <a class ="tool" href="" ><img src="1.png"> <span> <table> <tr> <td><a href=""><img src="2.png"></a></td> <td><a href=""><img src="3.png"></a></td> </tr> </table> </span> </a> </html> и css для ИЕ a.tool span {\display:none;} a.tool:hover{\position:relative;\z-index:20;} a.tool:hover span {\display:block;\position:relative;\top:-75px;\left:10px;\z-index:100; } Все браузеры нормально "всплывают " 2 и 3 ссылку. В ИЕ - ч…
0 votes2 answers -
Друзья! Помогите с Иконками-ссылками
Привет! У меня возникла проблема.. решил помочь другу с дизайном его странички на myspace.com, в общем он меня попросил сделать ему картинки по которым можно было бы переходить на др. сайты.. у меня IE у него Firefox, мы по разному видим результат работы.. смотрите как... http://img214.imageshack.us/img214/9800/43932721.jpg я пользовался тэгами <tr> <td> <td> </tr> В этом деле я чайник Что делать? Спасибо!
0 votes7 answers -
Возможно ли cредcтвами CSS оформить заголовок
Возможно ли оформить заголовок так как показано на риcунке cредcтвами CSS?
0 votes2 answers -
Падинг маргинг бординг ширдинг и высотинг
я только начал изучать HTML и CSS все как бы понятно (не хватает только практики практики практики) меня запутало определение ширины блока (тега-объекта) ширина складывается из ширины границы внешнего и внутреннего отступа что бы добить этот вопрос попробовал поиграть с этими свойствами html <!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"> <title>Тег DIV</title> </head> <body> <div class="cntr"> <div class="cntnt1">1</div> </div> <br/> <div class="cntr"…
0 votes2 answers -
как в <input type="text" /> описать href и style hand
Добрый день. Не знаю как такую задачу решить. Мне надо чтобы в <input type=text value="..."> отображался активный маил, тоесть кликнуть по адресу и откроется почтовая прога. Вот этим добился таки определенного результата 1. <TD width="15%" align="center"><a href="mailto: <?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"> 2. <input type="text" name="createmail2" style="width: 100%" 3. onfocus="this.style.backgroundColor='#fff'" value="<?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"></a> 4. </TD></TR> но …
0 votes4 answers -
плавное изменение картинки при наведении мыши
всем привет, я пытаюсь написать код для сабжа. Нагуглил статью на этом сайте http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee. С этим способом справился. но нужен плавный переход между картинками. И я нагуглил еще одну статью http://makecode.ru/2011/02/fade-image-with-css-sprites, здесь предлагаются три способа, я выбрал первый, на базе span. Скопипастил себе в html, но работать не хочет. Подскажите, как заставить его заработать?
0 votes1 answer -
Резиновая шапка
Друзья! Прошу помочь, если есть возможность. Нужно в .css как то указать, что бы фоновая картинка, которая будет шапкой сайта, была резиновая. weight = (к примеру) 80% в background-image не помогает. Возможно есть еще какие то способы, подскажите если не сложно Цель вообще такая. Нужно, что бы шапкой сайта, служила картинка, но она могла растягиваться и сужаться, как и весь сайт, если у пользователей разное разрешение. Как мне этого добиться Извиняйте, если где то ошибаюсь и неправильно рассуждаю, учу html и css пару недель
0 votes9 answers -
Как сделать шрифт нормальным
http://jsfiddle.net/jaster/ESahE/
0 votes7 answers -
Убрать рамку и тень
Имеется два блока, возможно ли убрать рамку снизу, а также тень маленького блока снизу ?Нужно чтобы блок смотрелся как единый целый http://jsfiddle.net/jVPa9/.
0 votes6 answers -
Как и спрайт показать и наложение элементов устранить на узком экране?
Здравствуйте. На странице если суживать окно то получается следующая картина: то есть подчеркивание заголовка раздела налезает на ссылки этого раздела Если в стилях отключить height: 25px; то получается наполовину хорошо, поскольку из спрайта показывается следующая иконка: Как можно сделать так, чтобы и подчеркивание было на своем месте и из спрайта показывалась только одна иконка?
0 votes8 answers -
Верстка кнопок
Здравствуйте, подскажите как сверстать рамку вокруг кнопки.
0 votes2 answers