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
-
перенаправление на другой сайт
подскажите пожалуйста как можно перенправить с одного сайта на другой автоматически. ну вот например ввел человек адрес сайта ?1 , а оно его тут же перенаправило на сайт ?2. это нужно какой то скрипт ставить?? если да то поделитесь скриптом плиз!!! ну очень нужно ... зарание благодарен за помощь
0 votes7 answers -
Смена картинки svg при наведении курсора без задержки/альтернатива
Здравствуйте! Есть код типа: HTML: <a></a>CSS: a {display:block;width: 50px;height: 100px;background: #2b2b2b url(/some_image1.svg) no-repeat;background-size: contain;background-position: left;}a:hover {background: #000000 url(/some_image2.svg) no-repeat;}Суть в том, что картинка svg - простая однотонная иконка с прозрачным фоном, при наведении нужно изменить её цвет, но если это реализовать с помощью смены картинки на такую же, только другого цвета, смена происходит с задержкой. Изображение исчезает, а через секунду появляется другое. Так происходит только первый раз, потом картинка, видимо, попадает в кэш браузера и смена происходит без задержки, но задержк…
0 votes9 answers -
Как div блок растянуть по высоте между двумя другими?
Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …
0 votes7 answers -
Длинные слова растягивают td
Здравствуйте. Вот сейчас увидел, что длинные слова растягивают колонку в таблице и им безралично задаю ли я фиксированную ширину или нет. Порылся на сайте, порылся в гугле, толково совета так и не нашёл и как я понимаю самого правильного решения это проблемы не существуют. Вот моя таблица: <table border="1px solid black" width="100%"> <tr> <td colspan="2"></td> <td>Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">очень Длинюююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююющеееееее</td> </tr> Я вообще хочу сделать стандартный разд…
0 votes11 answers -
Посоветуйте с програмой
Записался на курсы по html. Но там обучают на "Microsoft Visual 2008 EE" Подозреваю , что прога достаточно громозская для html. Посоветуйте на чем лучше кодировать или есть кто, кто работает на Visuale ?
0 votes41 answers -
разное отображение веб-страниц в IE и Mozille
Здравствуйте. Подскажите пожалуйста почему происходит разное отображение страницы в браузерах IE и Mozille? А точнее в IE шрифт жирный, отступы заданные с помощью margin:0 auto не большие, а в Mozille шрифт нежирный, отступы значительно больше и появляется горизонтальная полоса прокрутки. Ссылка на страницу, которая отображается по разному в браузерах. http://olyakutukova.narod.ru/ocna.html
0 votes26 answers -
Google Fonts, шрифт Roboto, проблема с кириллицей в не WebKit браузерах
Пожалуйста, подскажите: Решил использовать в шаблоне шрифт Roboto, подключил код от Google <link href="//fonts.googleapis.com/css?family=Roboto:100italic,100,300italic,300,400italic,400,500italic,500,700italic,700,900italic,900" rel="stylesheet" type="text/css">Шрифт необходимо применить к кириллическому тексту. Столкнулся со странным багом: во всех WebKit браузерах (Chrome, Opera, Яндекс.Браузер и т д) шрифт применяется нормально, как к кириллице, так и к латинице. А вот в IE и Firefox только к латинице, а кириллицу игнорит. Чтобы с этим такое сделать?
0 votes2 answers -
Разница между Button и input type=button
Только учусь сайтостроению. Собсно вопрос такой: Есть код (для примера) <!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=windows-1251" /> <title>Testing</title> </head> <body> <script language="javascript"> function optdel() { document.getElementById('selList').options[0]=null; } </script> <form> <select id="selList"> <option>o1</option> <option>o2</option> <option>o3</option> <…
0 votes2 answers -
А можно ли...?
Примитивно говоря, можно ли задавать подобным макаром (как это сделать?) высоту вот так: style="height: 100% - 40 px" ????
0 votes30 answers -
как связать 2 поля со списком?
Я вроде много чего полистал на этом форуме и понял что это лучший сайт и форум. Думаю тут мне помогут. Все просто... Вот нужно сделать такую штуку. Т.е. када выбираешь значение в 1ом поле, во втором поле подгружались значения зависимые от первого. Выбирая значение во втором поле со списком, подгружались значения в третьем и т.д. Буду очень благодарен всем кто может помочь.. Очень хочу научиться такие штучки делать...
0 votes24 answers -
3 Div в стороку
Вобщем такая проблема, имеется три div <div class="news"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> нужно чтобы они были в одну строку, первый див прижат к левому краю, второй посередине, третий прижат к правому...вот css который я написал #left{ border:1px solid #000; overflow:hidden; float:left; width:80px; height:80px; background:url('../images/left.png') no-repeat left top; } #center{ border:1px solid #000; overflow:hidden; float:left; width:auto; height:80px; background:url('../images/center.png') repeat-x center top; } #right{ border:1px solid #000; overflow:hidden; float:rig…
0 votes26 answers -
Кнопка-ссылка.
Кнопка-ссылка. Помогите разобраться... Нужна кнопка-ссылка на анкер. Пишу <script type="text/javascript"> работает, но перестают работать остальные, пока страницу не перезагрузишь. Я чего-то недогоняю, почему он скрипты видеть перестает... Спасибо заранее.
0 votes31 answers -
Наложение нескольких фоновых изображений
Добрый день! Столкнулся с проблемой наложения нескольких фоновых изображений, а именно четырех. Вот как я задумал их разместить: 1-е изображение в верхнем левом углу привязано к левому краю и не повторяется; 2-е изображение в верхнем правом углу привязано к правому краю и не повторяется; 3-е изображение привязано к верху страницы, должно находится под 1-м и 2-м изображением и повторятся по горизонтали; 4-е изображение опущено на 700px вниз и повторяется по горизонтали; Ответ на форумах пока не нашел, а своими силами не получается. Одно изображение перекрывает другое. Только смог разместить 2 фона. Заранее спасибо!
0 votes13 answers -
Как сделать обтекание картинки текстом и победить перенос строки вниз?
Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.
0 votes5 answers -
Див не фиксируется в эксплорерах...
Всем привет Может у кого возникнет свежая идея, дело вот в чем. Вот страничка (стили и код в одном)... во всех браузерах нормально.. ну а в эсплорерах как обычно... проблема в высоте дива (прибавляет автоматически) и правый див (righcol) поднимает наверх, хотя должен быть на 70 px ниже ... Вот сам код, если у кого есть вариант, буду благодарна.. . я что=то тут застряла.. <!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" lang="ru"> <head> <title> </title> <meta http-equiv="content-type" content="text/html; charset=windows-…
0 votes29 answers -
Выравнивание по центру в div
Здравствуйте, подскажите, пожалуйста, новичку: хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого? пока что ничего кроме громоздкой таблицы внутри div не придумал. <div class="bottom"> <table cellspacing="0" border="0"> <tr><td width="50%"></td> <td><center> <!--счетчик--> </center></td> <td width="50%"></td> </tr> </table> </div>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.
0 votes7 answers -
Как сделать текст прозрачным?
Очень прошу о помощи всех форумцев. Версткой занимаю очень недавно, но задания у меня уже довольно трудные... Режу скины для почтового сервера. html один, css для каждого скина свой. Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой???? надпись добавлена таким образом: INFO
0 votes11 answers -
Разрезка изображения
Здравствуйте. Интересует вопрос разрезки и подготовки для WEB изображений в GIMP и PAINT.NET . Не могу понять как резать. Спасибо.
0 votes23 answers -
Как задать разные css для каждого option в select
Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.
0 votes10 answers -
отступ между ячейками
приветствую. как управлять отступом между ячейками таблицы в CSS?
0 votes9 answers -
Как подключить slick-carousel в gulp
Добрый день. Не могу подключить слик слайдер в галп. Я их установил через npm и jquery. Но не получаеться ничего
0 votes1 answer -
как растянуть картинку на всю ширину ячейки
как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…
0 votes2 answers -
Градиент css3 и body
Мне нужно сделать градиент у body. Я хотел сделать его с помощью css 3, он проблема в том что body(да и тег html) у меня занимает высоту окна браузера(это не мешало пока не стал задавать градиент), а не всю высоту сайта из-за возникает картинка ниже, после пракрутки(красный цвет использован для наглядности), как растянуть body в данном случае? не хотелось бы использовать картинки css код для градиента body{ background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); …
0 votes10 answers -
Появление блоков по очереди
Всем доброго времени суток, я на ткнулся на сайт http://zolotonazakaz.ru/ , и мне очень понравился абзац "От эскиза до готового произведения искусства" Так появление "Шагов" Очень интересно сделано подскажите как это сделать? Во первых появление Во вторых как сделано что оно появляется после того как я проворачиваю сайт ниже.
0 votes2 answers -
Как стать хорошим верстальщиком?
Доброе. В общем занимаюсь потихоньку версткой, но не зарабатываю на этом. Мне это очень и очень нравится, поэтому в будущем, я хотел бы зарабатывать своим любимым делом. Сейчас, ну и вообще, на протяжении года у меня можно сказать депрессия что-ли. Не знаю как выбрать правильный путь. Времени у меня просто навалом, я нигде не учусь. Так, задрачиваю в игры, подрабатываю кое-где. Но деньги нужны всем, а игры надоедают. Но работать на обычных работах я не хочу, это точно не по мне. Максимум пошёл бы куда нибудь на роль "верстальщика" за какие нибудь тысяч 20.. Чисто для практики, и получения опыта. Но, для этого нужны хорошие знания всех видов вёрстки, но я не умею верстат…
0 votes21 answers