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
-
Подключение шрифтов к сайту. Кириллица.
Покопался в интернете, научился подключать шрифты. Но возникло несколько вопросов. Во-первых, нужно подключать два файла шрифта (один для мазилы, другой для оперы, к примеру) - это обязательно? Потому что встретил сервис от Гугла по подключению внешних шрифтов, там указывается только путь загрузки шрифта с сервера Гугл. На гугле тоже подразумевается два файла? Отсюда вытекает вопрос о времени загрузки. Так как тот шрифт, который я хочу весит 150 килобайт, а два файла соответственно 300 килобайт - много. Можно ли как то ужать вес шрифта? Хотел бы услышать разные советы по шрифтоподключению. Заранее благодарен.
0 votes1 answer -
верстка галереи с пагинацией
скажите пожалуйста каким способом верстаются подобные галереи? вопрос вызывает пагинация. здесь лучше искать/писать плагин, в котором будет реализована пагинация или делать несколько html-страниц, на каждой из которых будет встроен плагин, не имеющий механизма пагинации
0 votes6 answers -
IE 8 не читает шрифты
В общем проблема описана в названии. ИЕ 8 не поддерживает шрифты подключил вверху ксс @font-face { font-family: Oswald-Regular; src: url(../fonts/Oswald-Regular.ttf); } вывожу таким образомh2 {font-family: Oswald-Regular; color: #7e7e7e;font-size:12px;}
0 votes9 answers -
Проблема при установке DLE на Denwer
Проблема следующая - устанавливаю dle на денвер, на самом последнем этапе после ввода имени базы данных, пароля, имя пользователя и т.д. нажимаю продолжить, грузится долго, а потом выдает ошибку - Fatal error: Maximum execution time of 30 seconds exceeded in Z:\home\test1.ru\www\engine\classes\mysqli.class.php on line 76 и так уже несколько раз, насколько я понимаю проблема в длительности загрузки, но как ее решить? Помогите, пожалуйста, кто сталкивался...
0 votes7 answers -
Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?
.down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…
0 votes5 answers -
странное поведение padding
Html код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Axit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="bg_h"> <header> <a href="index.html" > <img src="img/logo.png"></a> <ul class="sidebar_head"> <li><a href="">Features</a></li> <li><a href="">About</a></li> <li><a href="">Pricing</a></li> <li><a href=""&g…
0 votes1 answer -
Растровое изображение в векторное
Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg
0 votes3 answers -
Как убрать панел ie со страницы? (см. на Nic.ru)
Зайдя по этому адресу https://www.nic.ru/cgi/na.cgi и нажав "whois" попал на страницу на которой отсутствует панель ie. Как это сделать?
0 votes4 answers -
Выпадающие списки, выравнивание
Всем доброго времени суток! Столкнулся со следущей проблемой. Есть горизонтальная менюшка с выпадающим списком. При создании выпадающего списка приходится меню выравнивать по float:left, в противном случае меню выстраивается в стобец, игнорируя display:inline. НО! необходимо выровнять меню по центру, причем, кол-во элементов меню будет меняться из CMS и фиксированную ширину я задать не могу. Также как не могу сместить его относительно. Перепробовал уже все варианты display (table, inline-block, inline-table), срабатывает только в Опере. Может знает кто как решить подобную задачу, т.е. избавиться от float:left для выпадающего списка или же выровнять меню по центру в обхо…
0 votes2 answers -
табличка в html
Всем привет. В общем нужна на большая консультация в создании таблицы. вот сам код того, что у меня получилось <html> <head> <title>Создание таблицы</title> </head> <body> <table border = "1" bordercolor = "black" > <tr align = "center"> <th colspan = "3" >——--</th> </tr> <tbody> <tr> <td>Группа</td> <td width = 20%> </td> <td >Новости</td> </tr> <tr> <td>Информация для родителей</td> <td> </td> <td>Программы</td> </tr> <tr> <td>Итоговые оценки</td> <td> </td> <…
0 votes2 answers -
Bug с дивами в IE7
Второй день мучаюсь с проблемой , чего уже только не перепробовал: в ie7 див наезжает на див. В остальных браузерах все работает нормально: Сам проект находится тут. http://rabota.4ital.ru/ie7bug/ Помогите плз советом, как решить эту проблему
0 votes5 answers -
Пропорциональная ширина у блочных элементов
Есть элементы меню: <div class="panel"> <a class="tpanel" href="#">главная</a> <a class="tpanel" href="#">о нас</a> <a class="tpanel" href="#">продукция</a> <a class="tpanel" href="#">наши услуги</a> <a class="tpanel" href="#">партнеры</a> <a class="tpanel" href="#">контакты</a> </div> их описывают свойства CSS: .tpanel{ display: block; float: left; padding: 20px 20px; text-transform:uppercase; width:100px; height:20px; vertical-align: middle; margin-top: 39px; } и все это вложено в wrap {width:900px} Вопрос заключается в следующем: Если оставить как есть, то …
0 votes11 answers -
css
скрипт вкладок css: /* tabs */ ul.tabs { margin: 0 0 0px; list-style: none; } * html ul.tabs {margin-bottom: 0;} ul.tabs li { float: left; } ul.tabs li a { display: block; color: #444; text-decoration: none; cursor: pointer; position: relative; } * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover { } ul.tabs li.tab-current a { color: #444; } div.t2, div.t3 { display: none; } div.t1 {} div.t2, div.t3 { padding: 0 12px; } html: <div style="margin-left:30px; margin-top:0px;"> <ul class="tabs tabs1"> …
0 votes9 answers -
Помогите откорректировать отображение рекламного блока
Помогите откорректировать отображение рекламного блока Вот код, что еще нужно прописать в стилях img или a, чтобы текст отображался компактнее <table> <tbody> <tr> <td style="width: 100%;"> <a href="http://id68698.al11.luxup.ru" target="_blank"> <img src="http://is.luxup.ru/images/i/6/1203646_267.jpg" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 4px; border: 1px solid rgb(224, 224, 224);" height="100" width="100"> </a> <a href="http://id68698.al11.luxup.ru" target="_blank" style="overflow: hidden; text-align: left; vertical-align: top; padding: 10px; color: rgb(14, 114, 181);">Ландшафтный диза…
0 votes8 answers -
Всплывающий текст
Добрый день, в общем делаю такую фишку, Шапка сайта будет состоять из картинок (банеров), при наведении на которые должен появляться текст, всё бы хорошо, но текст появляется правее картинки, следовательно все банеры не помещаются, помогите подправить css #header #banner width: 730px;height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #header #banner:hover{line-height: 133px; color: #575858; } #header …
0 votes7 answers -
Как правильно изменять ширину div?
При добавлении новых пунктов меню, форма поиска должна постепенно уменьшается, как на картинке, при слишком большом кол-ве я уже сверну менюшку , как в бутстрапе при малом разрешении будет. Проблема лишь в том что я не могу "догнать" даже в теории как оно должно будет выглядеть, просто подскажите на теории, как такое можно реализовать, спасибо =)
0 votes5 answers -
Подскажите как сделать
Привет, подскажите как вставить видео с ютуба на свою страницу сайта, но чтобы оно появлялось только при нажатии на текст, например: "посмотреть видео" - чтобы при нажатии на этот текст появлялась рамка с видео.
0 votes4 answers -
Шапка поверх на меню возможно?
Как добиться такого эффекта, чтобы шапка(беграунд) налезала на меню, а не наоборот как сейчас? https://jsfiddle.net/5dbkc64w/
0 votes6 answers -
как залить контент в сверстанный дизайн
Здравствуйте, у меня такая проблема нужно срочно выложить сайт, есть дизайн -верстка в html в дивах, я не пойму ,как туда залить контент, то есть у меня есть сайт, который подвергся дизайну на php, там просто есть главная, остальные страницы туда генерируются вот так: <td width=87%> <?php Error_Reporting(E_ALL & ~E_NOTICE); $req_1="1.php"; $req_2="2.php"; ... if ($req == 'link1'): include($req_1); elseif ($req == 'link2'): include($req_2); elseif ($req == 'link3'): include($req_3); ... else: include($req_2); endif; ?> </td> В новом дизайне такая ситуация: справа меню, слева меню, в середине должен располагаться контент, а в странице дизайна т…
0 votes1 answer -
Тэг <hr> при помощи имиджа в IE6
Есть такой вот код в CSS - файле: hr{ border: 0; background-image: url(../images/linegorizontal.jpg); display: block; width: 90%; background-repeat: repeat-x; } В FF прекрасно работает как задумано - пунктирная линия 2 через четыре px, в IE выдается обычная серая линия. Есть рецептик?
0 votes2 answers -
Привязка меню к футеру (IE6+)
Нужно привязать меню к низу страницы, независимо от состояния полос прокрутки. Как здесь: http://www.artlebedev.ru/tools/technogrett...ml/fixed_in_ie/ и здесь: http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/, только к НИЗУ. Не подскажите, какие изменения нужно внести в код? Решение должно работать в IE6 и выше.
0 votes2 answers -
проблемка с вложенной таблицей
есть такой кодик: <html> <head> <title>Пипец!!!</title> </head> <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr align="center" height="100%"> <td bgcolor="#808000" valign="middle"> <table width="90%" height="90%" cellspacing="0" cellpadding="0"> <tr> <td width="66%" bgcolor="#00FFFF"></td> </tr> </table> </td> </tr> </table> </body> </html> проблема в том что таблице задано положение valign="middle" в ОПЕР…
0 votes2 answers -
Как избежать наложения текста(выпадающий список)?
<script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" style="position:absolute; top:…
0 votes3 answers -
Подскажите как сделать выпадающее меню
Здравствуйте! Пожалуйста, подскажите как сделать выпадающее меню с помощью HTML и CSS. Пробовал на JS, но не получилось. Спасибо!
0 votes1 answer -
"Съедается" подложка <div>-wraper-а, как победить?
Есть css меню состоящее из списков <ul><li> обернутых в <div>, который одновременно выступает в роли цветной подложки. Требуемый внешний вид меню такой: http://www.transaction.arvixe.ru/testmenu2.html В этом случае для элемента <ul> задан стиль {position: relative;}. Как следствие выпадающий список сдвигает текст следующий в потоке за меню. Но если заменить этот стиль на {position: absolute;} подложка "портится" и получается такой некрасивый эффект: http://www.transaction.arvixe.ru/testmenu.html Подскажите пожалуйста, можно ли как заставить выводиться фон в div-e без искажений (с перекрыванием нижеследующего контента)? <!DOCTYPE HTML PUBLIC "-/…
0 votes0 answers