Leaderboard
Popular Content
Showing content with the highest reputation on 10/07/2011 in all areas
-
В общем, я снова беру заказы, правда только на обычную вёрстку: чисто HTML/CSS/JavaScript/jQuery Занимаюсь (X)HTML/CSS вёрсткой. Делаю действительно качественную работу. - любой сложности, хоть с подвыпердвертом) - под любые платформы - под любые браузеры - валидная начисто! - уникальная организация html/css кода - Семантически корректный код - логичность верстки - индивидуальный подход к каждому клиенту Портфолио и код моих работ могу продемонстрировать непосредственно заказчику при личной переписке. Цены: Цены зависят от сложности макета. Все предложения высылайте на почту psywalker09@gmail.com Думаю, мой статус не даст усомниться в моей правде Наше сообщество (css-live.ru)1 point
-
Я могу ошибаться, но вроде бы через style нельзя назначать !important так, как это у вас сделано. То есть вам нужно либо убрать !important, либо добавлять объявление через cssText: function display_registration() { document.getElementById('MPregistration').style.cssText = 'display: block !important'; } Пардон, опоздал..1 point
-
В function display_registration() уберите !important и должно быть нормально. И еще интересно, почему имена классов и ид совпадают? Такого быть не должно. Если я не прав, пусть меня поправят более сведущие люди.1 point
-
serjico, Ячейкам это ставь overflow: hidden; А так же ячейкам поставь white-space: nowrap; А таблице table-layout: fixed;1 point
-
Gvager, http://jsfiddle.net/rmn8m/1/1 point
-
Кстати в паинте можно и прикольное забацать1 point
-
А я бы, кстати, даже лучше предложил бы не заморачиваться, а слова эти - записывать, так лучше запоминается.1 point
-
Это не сайдбар налазит, это у вас центральная часть налазит на сайдбар, а делает это она потому, что в текст вставлена таблица, с заданной в коде шириной 744пх, а область контента - 580пх, вот эта таблица и распирает ее. Просто нужно изменить ширину таблицы.1 point
-
Предложите ему забрать только половину дизайна, так как идею придумывали совместно. Пусть выберет какую именно половину он хочет забрать.1 point
-
Теоретически возможно. Поковыряйся с этой штукой http://peterned.home.xs4all.nl/matrices/#1.5145,0.5771,0.0375,0.9439,-8,2.80171 point
-
Odrin, Лови, брат: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <style type="text/css"> canvas { border: 1px solid; } </style> <script type="text/javascript"> function rand( min, max ) { return Math.floor(Math.random() * (max - min + 1)) + min; } function renderToCanvas(w, h, renderFunction) { var buffer = document.createElement('canvas'); buffer.width = w; buffer.height = h; renderFunction(buffer.getContext('2d')); return buffer; } function snow(qty) { var arr = []; for (var i = 0; i < qty; i++) { arr.push({ x: rand(-20, 520), y: rand(-20, 520), vx: rand(-1, 1) / 10, vy: rand(5, 10) / 10 }); } return arr; } window.onload = function() { var delta = 0; var frames = 0; var lastTime = (new Date()).getTime(); var updateTime = 0; var updateFrames = 0; var canv = document.getElementById('test'); var ctx = canv.getContext('2d'); var round = renderToCanvas(20, 20, function(ctx) { ctx.beginPath(); ctx.arc(10, 10, 10, 0, Math.PI * 2, false); ctx.fill(); }); var s = snow(5000); // кол-во шариков window.setInterval(function() { // FPS var now = (new Date()).getTime(); delta = now - lastTime; lastTime = now; frames++; updateTime+=delta; updateFrames++; if (updateTime > 1000) { document.getElementById('debug').innerHTML = 'FPS: ' + (1000 * updateFrames / updateTime); updateTime = 0; updateFrames = 0; } // Main ctx.clearRect(0, 0, canv.width, canv.height); for (var i = 0; i < s.length; i++) { s[i].x += s[i].vx; s[i].y += s[i].vy; if (s[i].x > 520) { s[i].x = -10; } if (s[i].y > 520) { s[i].y = -20; } ctx.drawImage(round, s[i].x, s[i].y); } }, 10); } </script> </head> <body> <canvas id="test" width="500" height="500"></canvas> <h2>С буфером</h2> <div id="debug"></div> </body> </html>1 point
-
Лови, дружище http://viewlike.us/?url=&button.x=0&button.y=01 point
-
Так лучше не делать, в ЖС лучше подставлять полные правила, например .style.backgroundColor = "#ff0000";1 point
-
А мне пофиг на все. Священные войны для меня давно прошли. Я могу привести кучу причин, по которым каждый браузер - УГ. Но вот зачем? Пользуетесь Оперой - чудно. Хромом? Я не против! Фоксом? Поддерживаю! ИЕ? Да мне пофиг! Хотите доказать, что один браузер лучше другого? Не мне!1 point
-
Это мой первый сайт. Подскажите пожалуйста, как избавится от нижней прокрутки страницы. Всю голову уже сломал. Картинка внизу. Вот код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>___________________</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta http-equiv="content-style-type" content="text/css"> <meta name="keywords" content="кредит, кредиты, помощь в получении кредита, ипотека, автокредит, лизинг"> <meta name="description" content="_____________________"> <link href='index.css' rel='stylesheet' type='text/css'> </head> <body> <div class='mainframe'> <div class='header'> <div class='logofintek'><a href='index.html'><img src='img/logofintek.png'></a></div> <div class='logo1'> <img src='img/logophone.png'> </div> <div class='phone' align='right'><h3>______________________ <br>________________________ </div> </div> <div class='menu1'> <div align='center'> <a class='menu' href='index.html'>ГЛАВНАЯ</a><a class='menu' href='page_2.html'>КРЕДИТЫ ФИЗИЧЕСКИМ ЛИЦАМ</a><a class='menu' href='page_3.html'>КРЕДИТЫ ЮРИДИЧЕСКИМ ЛИЦАМ</a><a class='menu' href='contacts.html'>КОНТАКТЫ</a><a class='menu' href='company.html'>О КОМПАНИИ</a> </div> </div> <div class='zayavka'> <form action='obrabotchikzayavkinakredit.php' method='post' id='form1' align='center'> <p>ЗАЯВКА НА КРЕДИТ</p> <label>Ф.И.О.:<br><input type='text' name='name1' size='25'></label> <br> <label>Ваш возраст:<br><input type='text' name='age' size='25'></label> <br> <label>Сумма:<br><input type='text' name='summa' size='25'></label> <br> <label>Адрес регистрации:<br><input type='text' name='address' size='25'></label> <br> <label>Номер телефона:<br><input type='text' name='phone' size='25'></label> <br> <input type='submit' name='submit1' value='Отправить заявку'> </form> </div> <div class='index_height'> <div class='urlica'> <a class='urlica1' href='page_3.html'><img src='img/imageurlica.png'></a> <br> <a class='urlica1' href='http://ftfinance/zalogur.html'>Залоговые кредиты</a> <br> <a class='urlica1' href='http://ftfinance/overdraft.html'>Овердрафт</a> <br> <a class='urlica1' href='http://ftfinance/bizkredit.html'>Кредиты на бизнес</a> </div> <div class='podpis1'>Развитие...</div> <div class='fizlica'> <a class='fizlica1' href='page_2.html'><img src='img/imagefizlica.png'></a> <br> <a class='fizlica1' href='potreb.html'>Потребительские кредиты</a> <br> <a class='fizlica1' href='express.html'>Экспресс-кредиты</a> <br> <a class='fizlica1' href='auto.html'>Автокредиты</a> </div> <div class='podpis'>Счастье...</div> <div class='calc'> <div class='kreditkalktext'> <a class='kreditkalk1' href='kreditcalc.html'> Кредитный <br> калькулятор </a> </div> </div> <div class='auto'> <a class='auto1' href='auto.html'><img src='img/imageauto.png'></a> <br> <a class='auto1' href='http://ftfinance/autobiz.html'>Автокредит для бизнеса</a> <br> <a class='auto1' href='http://ftfinance/faktoring.html'>Факторинг</a> <br> <a class='auto1' href='http://ftfinance/tradein.html'>Trade-In</a> </div> <div class='podpis3'>Комфорт...</div> <div class='ipoteka'> <a class='ipoteka1' href='ipoteka.html'><img src='img/imageipoteka.png'></a> <br> <a class='ipoteka1' href='http://ftfinance/ipotekazalog.html'>Ипотечные кредиты под залог</a> <br> <a class='ipoteka1' href='http://ftfinance/kommipoteka.html'>Коммерческая ипотека</a> <br> <a class='ipoteka1' href='http://ftfinance/kreditned.html'>Кредит на недвижимость</a> </div> <div class='podpis2'>Стабильность...</div> </div> <div class='line'><img src='img/border_bottom.png'></div> <div class='copyright'> _____________________ <br> ______________________ <br> © 2011 <a class='menu_bottom1' href='index.html'>___________________</a> </div> <div class='menu_bottom'> <div align='left'> <a class='menu_bottom1' href='index.html'>Главная</a><br> <a class='menu_bottom1' href='company.html'>О компании</a><br> <a class='menu_bottom1' href='contacts.html'>Контакты</a><br> <a class='menu_bottom1' href='contacts.html'>Сотрудничество с нами</a><br> <a class='menu_bottom1' href='contacts.html'>Реквизиты</a><br> <a class='menu_bottom1' href='contacts.html'>Задать нам вопрос</a> <a class='menu_bottom1' href='contacts.html'>Партнеры</a> </div> </div> </body> </html> Вот код CSS: body { background-color:#f8f8f8; padding:0; margin:0; } .mainframe { border:0px solid black; width:970px; margin:auto; /*сверху, слева/справа, снизу*/ height:750px; } .header { border:0px solid red; height:150px; /*overflow:hidden;*/ background-color:#f8f8f8; padding:0; margin:0; } .logofintek { border:0px solid red; width:212px; height:63px; position:relative; top:43px; } .logo1 { position:relative; top:-1px; right:-770px; padding:0; margin:0; } .phone { width:206px; border:0px solid blue; overflow:hidden; font-family:arial; color:#424242; padding:0px; margin:0px; position:relative; left:762px; top:-54px; } .index_height { height:750px; border:0px solid blue; padding:0; margin:0; } .menu1 { border:0px solid blue; overflow:hidden; height:50px; background-image:url('img/top_menu.png'); font-size:14px; line-height:50px; line-width:50px; padding:0; margin:0; } .menu2 { border:0px solid blue; overflow:hidden; height:50px; background-image:url('img/bottom_menu.png'); font-size:12px; line-height:50px; line-width:50px; } .fizlica { border:0px solid blue; overflow:hidden; height:300px; padding-top:50px; position:relative; top:-32px; } .fizlica1 { text-decoration:none; color:#424242; font-family:arial; line-height:23px; } .fizlica1:hover { color:#e31e24; text-decoration:underline; } .podpis { border:0px solid blue; width:130px; font-family:arial; font-size:24px; position:relative; left:17px; top:-152px; padding:0; margin:0; color:#ffffff; font-weight:bold; text-align:center; background-color:#00a0e3; } .podpis1 { border:0px solid blue; width:143px; font-family:arial; font-size:24px; position:relative; left:395px; top:231px; padding:0; margin:0; color:#ffffff; font-weight:bold; text-align:center; background-color:#ef7f1a; } .podpis2 { border:0px solid blue; width:203px; font-family:arial; font-size:24px; position:relative; left:17px; top:-215px; padding:0; margin:0; color:#ffffff; font-weight:bold; text-align:center; background-color:#009846; } .podpis3 { border:0px solid blue; width:143px; font-family:arial; font-size:24px; position:relative; left:395px; top:168px; padding:0; margin:0; color:#ffffff; font-weight:bold; text-align:center; background-color:#e31e24; } .urlica { border:0px solid blue; float:right; overflow:hidden; height:300px; padding-top:50px; padding-left:18px; position:relative; top:-1px; } .urlica1 { text-decoration:none; color:#424242; font-family:arial; line-height:23px; } .urlica1:hover { color:#e31e24; text-decoration:underline; } .zayavka { border:0px solid blue; float:right; overflow:hidden; height:300px; width:225px; padding-top:50px; padding-left:18px; background-image:url('img/form_zayavki.png'); background-repeat:no-repeat; background-position:right bottom; font-family:arial; color:#424242; line-height:20px; } .ipoteka { border:0px solid blue; overflow:hidden; height:300px; padding-top:50px; position:relative; top:-94px; } .ipoteka1 { text-decoration:none; color:#424242; font-family:arial; line-height:23px; } .ipoteka1:hover { color:#e31e24; text-decoration:underline; } .auto { border:0px solid blue; float:right; overflow:hidden; height:300px; padding-top:50px; padding-left:18px; position:relative; top:-63px; } .auto1 { text-decoration:none; color:#424242; font-family:arial; line-height:23px; } .auto1:hover { color:#e31e24; text-decoration:underline; } .calc { border:0px solid blue; float:right; overflow:hidden; height:50px; width:225px; padding-top:50px; padding-left:18px; background-image:url('img/kreditcalc.png'); background-repeat:no-repeat; background-position:right bottom; text-align:center; position:relative; top:-63px; } .kreditkalktext { position:relative; top:6px; left:33px; } .kreditkalk1 { text-decoration:none; color:#424242; font-family:arial; margin-width:100%; } .kreditkalk1:hover { color:#e31e24; text-decoration:underline; } .menu { border:0px solid blue; text-decoration:none; color:#ffffff; font-family:arial; font-weight:bold; padding:20px 24px; } .menu:hover { color:#e31e24; text-decoration:underline; } .menu_2 { border:0px solid blue; text-decoration:none; color:#424242; font-family:arial; font-weight:bold; padding:18px; margin-width:100%; vertical-align:top; } .menu_2:hover { color:#e31e24; text-decoration:underline; } #logophone { position:relative; top:43px; right:0px; } .line { position:relative; top:0px; } .copyright { border:0px solid blue; width:900px; color:#424242; font-size:12px; font-family:arial; padding:0px 0px; padding:0; margin:0; line-height:20px; position:relative; top:20px; } .menu_bottom { border:0px solid blue; color:#424242; font-size:12px; font-family:arial; position:relative; width:150px; left:725px; top:-42px; line-height:20px; } .menu_bottom1 { text-decoration:none; color:#424242; font-family:arial; } .menu_bottom1:hover { color:#e31e24; text-decoration:underline; } .potreb { width:710px; height:1200px; } #abzac { text-indent:15px; font-family:arial; font-size:14px; color:#424242 } #abzac1 { text-indent:15px; font-family:arial; font-size:14px; color:#424242 } #zagolovki { text-indent:15px; font-family:arial; font-size:14px; color:#424242; } #zagolovki2 { font-family:arial; color:#424242; } #opr { text-indent:15px; font-family:arial; font-size:16px; color:#e31e24; } #opr1 { text-indent:15px; font-family:arial; font-size:16px; color:#e31e24; } .telefony { font-family:arial; font-size:18px; color:#e31e24; font-weight:bold; text-align:center; } #rekvizity { font-family:arial; font-size:14px; color:#424242 }-1 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-