Search the Community
Showing results for tags 'html'.
-
Всем привет! Народ кто уже верстал на иврите, подскажите пожалуйста, с какими "подводными камнями" вы сталкивались? Чего нового придется учитывать? Спасибо =)
-
Здравствуйте хочю спросить у вас совета как быть я начал заниматся сайтостроительством около 2-3 месяцев назад. Начал я изучать html и css не судите строго по Евгению Попову так как никакого другого наставника который мог бы так же ясно излагать мысли я не нашел. Я сделал уже 5 шаблонов и тут я заступорился иногда захожу на htmlbook за очередной справкой по html и вижу там кучю мне еще незнакомых тегов не говоря уже про атрибуты речь о html 4.01 а html 5 я решил изучать тогда когда нормально освою этот. И такой вопрос нужно ли учить абсолютно все теги и атрибуты которые только есть? или их нужно изучать по мере необходимости при создании каждого сайта если это необходимо. То же касается и css могу выложыть сюда свои работы если нужно.
-
Добрый день. Не подскажите как наложить картинку на умножающий фон? То-есть: body { font: 12px Calibri, Arial, Tahoma, PT Sans, sans-serif; background: url(../images/bg_body.jpg);}Тут мой фон повторяется, так и должно быть. А как наложить на этот фон 2-ю картинку?
-
Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span>Статья1</span></span></a></div></li> <li><div class="example2"><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /><span class="s1">Статья2. Много текста. Много текста. Много текста. Много текста. Много текста. Много текста.</span></a></div></li></ul></div> Вот как выглядит сейчас это дело: Что меня не устраивает, текст начинается с центра а съезжает вниз. Хотелось бы чтобы он был отцентрирован по вертикали.
-
как сделать чтобы блок wrapper расширялся в высоту если блок news выходит за его проеделы в блоке news генерируемый контент пробовал через min-height: 1000px; сейчас также как и на рисунке вот стили wrapper .wrapper {margin: 90px 0px 220px 220px;width: 1000px;border-radius: 3px;background-color: #f1f1f1;opacity: 0.7;min-height: 1000px;box-shadow: 0px 1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-o-box-shadow: 0px 1px 0px;-moz-box-shadow: 0px 1px 0px;-webkit-box-shadow: 0px 1px 0px;}
-
Всем привет, друзья подскажите, как быть в такой ситуации ? Проблема с отображением меню на сайте, кто может подсказать, как исправить ?
-
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> - jsFiddle demo by holden321</title> <style type="text/css"> div { border: 0px solid black; width:50px; height:50px; float:left; margin: auto; text-align: center; } #log {text-align:right;} </style> <script type="text/javascript"> function zapusk(d) { if (!d.rgb) { d.rgb = 0; } s = (d.rgb).toString(16); while (s.length < 3) { s = '0' + s; } s = '#' + s; d.style.backgroundColor = s; //document.getElementById("log").innerHTML=s; d.rgb+= 1; if (d.rgb > 0xfff) d.rgb = 0; } window.onload=function(){ setInterval(function(){zapusk(document.getElementById('cvet1'))}, 100); setInterval(function(){zapusk(document.getElementById('cvet2'))}, 200); setInterval(function(){zapusk(document.getElementById('cvet3'))}, 300); setInterval(function(){zapusk(document.getElementById('cvet4'))}, 400); } </script> </head> <body> <div style="width:100px; height:100px; border:0px"> <div id="cvet1"></div> <div id="cvet2"></div> <div id="cvet3"></div> <div id="cvet4"></div> </div> <div id="log">#00131e</div> </body></html> -
Доброго времени суток! Прошу веб-мастеров оценить верстку http://www.lion-web.hol.es/ . На данную верстку ушло примерно 24 часа времени. Почему-то в Mozilla смотрится криво (раздел Twitter в футере куда-то исчезает???). Буду очень признателен за конструктивную критику!
-
Добрый день. помогите пожалуйста девушке, совершенно не разбирающейся в HTML и программировании в общем. задали на завтра задание прописать тегами HTML в блокноте небольшой сайт из 3-х страниц. вот так он должен выглядеть 1 страница (главная): заголовок, картинка-текст, картинка-текст. 2 страница : заголовок, таблица, текст-картинка 3 страница : заголовок, список, картинка-текст, хим.формула(сама не знаю что то) спасите утопающего, господа программисты
-
Текст обтекает картинку, но если его мало и он не доходит до низа картинки, то следующая картинка съезжает вверх, и находится справа от картинки, под текстом. Как сделать чтобы не съезжало?
-
Всем привет. Прошу всех оценить мою верстку. А именно по коду где ошибки, чтобы бы вы использовали вместо каких то тегов. По дизайну где че может убрать. Под ie7 не верстал. Подвал еще не доделал. А также классы иногда не корректные давал)) Потому что опыта нету. Вот сайт : http://vacations.besaba.com/
-
Привет всем. Помогите с оформлением видео на сайт. Хочу сделать видео как миниатюра 160px на 120px. При нажатии на видео он открывается на средний размер просмотра и весь фон вокруг видео темнеет.. Может есть статьи или видеоуроки. Или пример какой знаете. Вот пример http://storage7.static.itmages.ru/i/14/0526/h_1401113037_6440385_d2d588c83f.jpg Вот при открытии видео http://storage5.static.itmages.ru/i/14/0526/h_1401114325_7394666_92e4426726.jpg
-
Привет) Можно ли на статический сайт поставить виджет от групп в контакте или комментарии? Используя например джава скрипты может php? У кого есть опыт прошу помощи
-
Почему если после свойства background-color использовать универсальное свойство background свойства и значения которых не противоречат друг другу, свойство background-color перестает работать?
-
Проблемы со скриптом. Планировал, что будет с подгрузкой...
sinequanon posted a question in JavaScript
Для справки: я первые шаги делаю... В общем делаю сайт... Простой, банальщина... Но не суть... Сам сайт http://powerkaz.kz/ Вот http://powerkaz.kz/catalog.html на этой странице... Есть мнооого ссылок. С "тюнингом"... При нажатии должно выходить модальное окно (он выходит)... А ссылок много т.е. содержимое каждого окна разное... Вооот... Вообще когда я нашел этот пример модального окна в инете там писалось, что он будет подгружаемым как бы... Так и было... НО У МЕНЯ БЛИН СОВСЕМ НЕ ТАК ВЫШЛО. Не могу понять что не так... А ресурс где я нашел этот скрипт, - потерял... придется теперь разбираться (наверное к лучшему)... ХЕЛПАНИТЕ ))) Содержимое модального окна я залил страницами в один каталог datalist кажись назвал... Ну так вот при нажатии на ссылку должен грузится файл который указан... P.S. для интереса попробуйте обновлять страницу и нажимать на другие последующие ссылки... Кстати, там один портак, не обращайте внимание, это я как то со злости дублировал контейнер... Пока рука не доходит... Да и доступа нет... -
Привет всем. Помогите удалить отступ между статьями. Уже второй день копаюсь и никак не могу найти где ошибся. Вот http://vacations.besaba.com/magazine.html А здесь сам макет http://yadi.sk/d/WpESGYPOQFK2g Так же вот картинка где надо убрать отступ http://itmages.ru/image/view/1667620/0c4f2507
-
Стало тут немного интересно, а кто как организует очерёдность вёрстки? В данном случае я имею ввиду, одновременно ли пишете HTML и CSS, или по отдельности? Раньше всегда писал одновременно (добавил элемент в HTML —> стилизовал его в CSS, и так всю страницу), но недавно решил попробовать сначала, глядя на макет, набрасывать его полную HTML-структуру, на ходу придумывая и присваивая классы, а потом только стилизовывать, внося незначительные правки в HTML, если по ходу дела увижу, что можно правильней поступить в конкретном случае. На мой взгляд, верстать получается быстрее и удобнее. Хотелось бы узнать, не заблуждаюсь ли я. Спасибо
-
Привет. Вот сверстал страничку и хотелось бы услышать ваши критерии. Особенно на счет кода критерии нужны. Потому что мне кажется тут очень много ошибок именно со стороны кода, незнаю пока где какой тег именно применять. Вот http://vacations.besaba.com/
-
Всем добрый день! Получила первый заказ на коммерческую верстку и вот что у меня получилось http://www.kenguru-taxi.com.ua/ Заказчик верстку принял, но хочу услышать конструктивную критику. Все страницы сайта верстала сама, js и jQuery для слайдера, заказа звонка и страницы вакансии делала сама.
-
Я только начал свой путь в этом деле. Решил попрактиковаться,скачал шаблон,решил его посильней изменить. Решил сделать резиновую(адаптивную) верстку,с горем пополам справился. Вот теперь столкнулся с проблемами и целый день не могу справиться,голова кипит, знающих прошу помочь,пока я с ума не сошел. 1)съехавшие картинки-ссылки ни при каких условиях не хотят возвращаться и становиться горизантально. Нужно чтобы они всегда были в центре окна браузера. 2)точно так же в самом центре нужно чтобы стояла картинка баннер вверху. 3)самое верхнее меню надо чтобы своим правым краем не пересекала красную линию. Пытался поменять как только можно,что знаю,и меню только немного уезжает вверх. Пожалуйста,вытащите меня из тупика. /* CSS Document */ html,body { height: 100%; max-height: 1280; margin:0; padding: 0; }body { font:11px Arial, Helvetica, sans-serif; color:#535353; background:#FFFDE4 url(../images/bg.jpg) left top repeat-x; margin:0px; padding:0px;}#container { width:80%; margin:0px auto; text-align:justify; }.banner { position:center; /* Положение слоя от левого края */ margin-left: 15%; /* Отступ слева */}.header { height:32px; background:#1B1B1B; text-align:right;}.workzone { padding:28px 0px 0px 0px;}#sidebar { float:left; margin-left: 22%; border: 1px solid #333; /* Параметры рамки вокруг */ margin-right: 20px; margin-bottom:45px; width: 200px; /* Ширина слоя */ padding: 5px; /* Поля вокруг текста */ }#content {font-size: 20px;text-align:justify; background: #eee 100; /* фон контента */ margin-right: 22%; margin-left:; padding: 20px ; /* поле слева */}.latestprojectzone { padding:20px 0px 0px 0px; margin: 20px 0px 0px 0px;}.projectgallery { border-bottom:1px solid #CCCAB6; padding-bottom:20px; color: #000000;}.project-img { width:50px; height:50px; margin-left:10px; margin-right:10px; float:left; display:block; }.clear { clear:both; margin:0px; padding:0px;}.footer { background:url(../images/footer.jpg) left bottom repeat-x;}.footerinside { width:950px; margin:0 auto; text-align:right; padding:11px 16px 45px 0px; color: #F3F3F3;}/* Menu Styles Start Here */a { color:#000000; text-decoration:underline;}a:hover { text-decoration:none;}.topmenu { padding:7px 0px 0px 0px;}.topmenu ul { margin:0px; padding:0px}.topmenu li { display:inline; border-right:1px solid #ffffff; padding:0px 10px 0px 10px;}.topmenu li a{ font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}.topmenu li a:hover { color:#cccccc;}.footerlink {}.footerlink ul { margin:0px; padding:0px;}.footerlink li { display:inline; border-right:1px solid #ffffff; padding:0px 10px 0px 10px;}.footerlink li a{ color:#ffffff; font-weight:bold; text-decoration:none;}.footerlink li a:hover { color:#cccccc;}ul#menu {list-style-type:none; margin:0; padding:0;}ul#menu li a{ color:#909090; /* цвет букв в обычном состоянии */ background: url(images/vert_menu.png) no-repeat 0 0; /* путь к изображению */ text-decoration:none; width: 200px; height: 55px; display:block; border:none; text-shadow: #ddd 2px 2px 0; /* цвет тени у букв в обычном состоянии */ }ul#menu li a:hover{ background-position: 50% 100%; width: 200px; height: 55px; display:block; color:#fff; /* цвет букв в активном состоянии */ text-shadow: #1185EE 2px 2px 0; /* цвет тени у букв в активном состоянии */}ul#menu li a span{ font-family:sans-serif; /* Шрифт букв */ font-size:18px; /* размер букв */ padding:17px 0 0 20px; display:block; }/* Menu Styles End Here *//* Text Styles Start Here */h1 { font:26px Georgia, Arial, Helvetica, sans-serif; color:#000000; padding:0px; margin:0px 0px 20px 5px;<!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=utf-8"><title>ООО «ГенСтройСервис» </title><link href="stylesheet/style.css" rel="stylesheet" type="text/css" /></head><body><div id="container"> <div class="header"> <div class="topmenu"> <ul> <li><a href="aboutus.html">О компании</a></li> <li><a href="projects.html">Услуги компании</a></li> <li><a href="services.html">Аренда</a></li> <li><a href="support.html">Вакансии</a></li> <li><a href="privacy.html">Партнеры</a></li> <li style="border:none;"><a href="contact.html">Контакты</a></li> </ul> </div> </div> <div class="banner"> <img class="content_img" src="images/bannerlogo.jpg" usemap="#logo"> <map id="logo" name="logo"><area shape="rect" alt="" title="" coords="23,19,523,126" href="index.html" target="_self" /> </div> <div class="clear"></div> <div class="clear"></div> </div> <div class="workzone"> <div id="sidebar"> <ul id="menu"> <li><a href="aboutus.html"><span>О компании</span></a></li> <li><a href="projects.html"><span>Услуги компании</span></a></li> <li><a href="services.html"><span>Аренда</span></a></li> <li><a href="support.html"><span>Вакансии</span></a></li> <li><a href="privacy.html"><span>Партнеры</span></a></li> <li><a href="contact.html"><span>Контакты</span></a></li> </ul> </div> <div id="content"> <h1>ООО «ГенСтройСервис»</h1> Общество с ограниченной ответственностью «ГенСтройСервис» организовано в апреле 2007 года. Основной профиль нашей кампании – строительство наружных объектов/сетей теплоснабжения, водоснабжения и канализации. В период с 2007 по 2014 гг. ООО «ГенСтройСервис» участвовало во многих крупных и значимых строительных проектах Северо-Западного региона РФ, в частности в 2014 году подходит к завершению 3-х летний период комплекса работ по устройству внутриплощадочных инженерных сетей теплоснабжения, канализации и водоснабжения объекта: «Следственный изолятор на 4000 мест в Санкт-Петербурге» - «Кресты». <br /> <br /> ООО «ГенСтройСервис» располагает штатом квалифицированных сотрудников, парком спецтехники и оборудования, которые позволяют решать любые по сложности производственные задачи. </div></div> <div class="clear"></div> <div class="latestprojectzone"> <h1></h1> <div class="projectgallery"> <div style="height:113px;"> <table> <tr> <div class="projectimg"><a href="#"><img src="images/project1.jpg" alt="" border="0" /></a></div> <div class="projectimg"><a href="#"><img src="images/project2.jpg" alt="" border="0" /></a></div> <div class="projectimg"><a href="#"><img src="images/project3.jpg" alt="" border="0" /></a></div> <div class="projectimg"><a href="#"><img src="images/project4.jpg" alt="" border="0" /></a></div> <div class="clear"></div> <div class="clear"></div> </div> <div> <div class="projecttxt">Наши награды</div> <div class="projecttxt">Документация</div> <div class="projecttxt">Лицензии</div> <div class="projecttxt">Черный список</div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div></div><div class="clear"></div><div class="footer"> <div class="footerinside"> <div class="footerlink"> </div> </div></div><div class="clear"></div></body></html>
-
есть во такой html код <html><center><head><style type="text/css"> div { border: 0px solid black; width:50px; height:50px; float:left; margin: auto;text-align: center; } </style> </head> <body> <div id="toper"> <div style="width:100px; height:100px; border:0px"> <div id="cvet1" style="background-color: rgb(0, 0, 0);"></div> <div id="cvet2" style="background-color: rgb(0, 256, 0);"></div> <div id="cvet3" style="background-color: rgb(0, 0, 256);"></div> <div id="cvet4" style="background-color: rgb(256, 0, 0);"></div> </div></div> <script type="text/javascript" async="" src="./Случайная картинка_files/watch.js"></script><script language="javascript"> function cvet(){ var a=Math.ceil(Math.random() *256); var b=Math.ceil(Math.random() *256); var c=Math.ceil(Math.random() *256); var color= 'rgb(' + a + ',' + b + ',' + c + ')'; return color; } </script> </body> <script> function zapusk() { var t=new Date() document.getElementById("cvet1").style.backgroundColor=cvet(); document.getElementById("cvet2").style.backgroundColor=cvet(); document.getElementById("cvet3").style.backgroundColor=cvet(); document.getElementById("cvet4").style.backgroundColor=cvet(); setTimeout('zapusk()',100) } </script><body OnLoad="zapusk()"> </center> </body></html> по нему получается картинка из таких квадратиков например 20 000 квадратиков, они меняются с заданной скоростью случайно, то есть цвета квадратиков меняются случайно, 1) мне нужно сделать так чтобы цвета менялись по порядку не случайно, 2) чтобы скорость смены цвета квадратиков была разная точнее скорость каждого квадратика отличается на 1 3) и чтобы при каждом новом открытии, цвета начинали меняться с того момента на котором остановились - когда закрылась страница, или каждый онлайн на странице начинает смотреть изменение цвета с момента последнего онлайн то есть изменение цветов происходит по порядку не останавливаясь не начиная с начала. Так как скорость смены цветов каждого квадратика отличается на +1, то каждый раз будет новая картинка если продолжать порядок не начиная сначала. У меня еще есть такой html - это то что я смог придумать возможно тут много ошибок. Подскажите как выполнить эти три задачи или хотя бы один из этих вопросов. <html><style> div {border: 0px solid black; width:50px; height:50px; float:left;} </style> <div style="width:100px; height:100px; border:0px"> <div id="cvet1" ></div> <div id="cvet2" ></div> <div id="cvet3" ></div> <div id="cvet4" ></div> </div> <script> function cvet10(x){var x=0; x<256; x++; for (var a=0; a<256; a=Math.floor(window.setInterval(" ",1))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet10(x)",1) return a; }</script> <script> function cvet20(x){var x=0; x<256; x++; for (var a=0; a<256; a=(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet20(x)",1) return a; }</script> <script> function cvet30(x){var x=0; x<256; x++; for (var a=0; a<256; a=Math.floor(window.setInterval(" ",1))+(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet30(x)",1) return a; }</script> <script> function cvet40(x){var x=0; x<256; x++; for (var a=0; a<2000; a=Math.floor(window.setInterval(" ",1))+(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet40(x)",1) return a; }</script> <script> function zapusk1() { document.getElementById("cvet1").style.backgroundColor=cvet10(); document.getElementById("cvet2").style.backgroundColor=cvet20(); document.getElementById("cvet3").style.backgroundColor=cvet30(); document.getElementById("cvet4").style.backgroundColor=cvet40(); setTimeout('zapusk1()',1)} </script> <body OnLoad="zapusk1( )"></body></html>
-
Есть стандартный Jquery UI аккордеон, у которого я указываю не стандартные иконки. Javascript: $("#additional-accordion").accordion({ icons: { header: "icon-chevron-down", activeHeader: "icon-chevron-up" }, heightStyle: "content", active: true, collapsible: true });Html: <div id="additional-accordion"> <h2> Дополнительно </h2> <div> Содержимое .... </div><div>И выходит что то типа этого: Html который генерируется: <h3 class="accordion-title ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-accordion-search-accordion-header-1" aria-controls="ui-accordion-search-accordion-panel-1" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon icon-chevron-down"></span>Вес</h3>И вот, нужно поменять <span> с иконкой, что бы он был после текста
-
День добрый. Нужна вывести линии для подписи и даты. Например вот этого - Директор ______ И.И.Иванов; "___" ________ 20__ г. В html линия сделал с помощью клавиши "Shift" и повторяющего нажатия на клавишу клавиатуры. В предварительном просмотре же данные линии отображаются пунктиром. Как решить данный вопрос? Заранее спасибо.
-
Нужна помощь в создание личного кабинет. Вот пример http://www.goodmoney.cc/?page=registration Мне не нужно делать финансовую пирамиду, просто пример подходящий. Если можно, то без использования PHP. Спасибо за помощь
-
http://codepen.io/anon/pen/dcHAu/ там при нажатии на табы - трабл. т.е. для левой колонк для контента задана минимальная высота 350 первая таблица вмещается а вторая вылазит за пределы а не удленяет. Надеюсь вы что-то в коде поймете) Помогите, там мб какая-то банальная ошибка в стилях((
