Ergonav
-
Posts
87 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Ergonav
-
Так как сделать в две колонки? Как я понимаю #info { width: 700px; margin-left: X px; margin-right: X px; font-family: 'Open Sans', sans-serif; } Я правильно написал? чтоб во всех размерах мониторов отображалось одинаково
-
Searcher, спасибо, сделал все как ты сказал, осталась маленькая проблема, как позиционировать виджет? http://vk.ergonav.ru/ html <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Заголовок</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" media="all" type="text/css" href="style.css" /> </head> <body> <div id="header"> </div> <ul id="menu" class="grey"> <li><a href="#">О нас</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Главная</a></li> </ul> </div> <img src="images/2.png"> <div id="vk"> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script> <script type="text/javascript"> VK.init({apiId: 2731691, onlyWidgets: true}); </script> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script> </div> <div id="content"> <p>Этот сайт создан специально для поддержки начинающих игроков. У вас есть возможность ежедневно получать урон не мучая своих друзей просьбами завалить кирпича или сизого!</p> <p>Всё что от вас требуется это в виджете "Мне нравится" нажать "Рассказать друзьям", так чтобы ссылка на этот сайт появилась у вас на стене. <strong>В базу игроков, которые получат урон, попадут только те кто выполнил это условие</strong>. Это необходимо для развития сервиса.</p> <p>Наш ежедневный рейд начинается в <strong>16:00</strong> по московскому времени. Урон получают все кто нажал рассказать друзьям до <strong>12:00</strong>. Остальные получат урон на следующий день. Своевременно подготовьте ключи для атаки. Рекомендуем нападать на боссов со здоровьем не более 500000.</p> <p><font style="color:red;">Внимание!</font> Раз в день база игроков удаляется, виджет "Мне нравится" обнуляется, чтобы и дальше получать урон вам будет нужно опять нажать "Рассказать друзьям". Проверяйте чтобы стояла галочка рядом с надписью "Рассказать друзьям".</p> </div> <div id="footerright"> Copyright © 2012<br /> Разработка сайта - <a href="http://ergonav.ru" target="_blank">ergonav</a> </body> </html> css /* Made by ergonav (ICQ:# 648822) */ body{ width:900px; background-color:#eee; margin:0 auto; padding:0; } #header{ background-image:url(images/1.jpg); margin:0 auto; height:150px; } img { float: left; padding: 0 25px 0 25px; } #vk{ margin:0; padding: 0 25px 0 80px; } #content{ width:500px; position:absolute; top:200px; left:480px; font-family:'Open Sans', sans-serif; } #footerright{ padding-top: 50px; padding-right: 20px; text-align: right; font-size: 11px; } a{ color:#00BFFF; } /* Менюшка */ #menu{ text-align:center; margin:5px; font-family:Arial, sans-serif; font-weight:bold; text-transform:uppercase; padding:0 0 0 10px; list-style-type:none; font-size:13px; background:#eee; height:40px; } #menu li{ float:right; margin:0; } #menu li a{ text-decoration:none; display:block; padding:0 20px; line-height:40px; color:#666; } #menu li a:hover, #menu li.active a{ background-color:#f5f5f5; border-bottom:2px solid #DDD; color:#999; } пробую через отступы padding, работает только в стороны, вниз-вверх не работает, не подскажешь?
-
#footerright{ padding-top: 10px; padding-right: 20px; text-align: right; font-size: 11px; } А так правильно? Заглянул кое-куда, так виджет работает. Верстка плыть не будет?
-
Насчет подвала понял, как быть с неправильной версткой? как верстать-то?
-
Виджет рабочий, т.к стоит мне поколдовать с div, всё начинает работать - только все плющит и растягивается в разные стороны
-
Залил на субдомен http://blog.ergonav.ru/
-
В общем проблема такая, не работает виджет от вк "мне нравиться", знаю что намудрил что-то с div`ом, подскажите как решить проблемку. html <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Заголовок</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" media="all" type="text/css" href="style.css" /> </head> <body> <div id="header"> </div> <ul id="menu" class="grey"> <li><a href="#">О нас</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Главная</a></li> </ul> </div> <div id="sidebar"> <img src="images/1.png" border="0" /> <div id="sidebar2"> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script> <script type="text/javascript"> VK.init({apiId: 2731691, onlyWidgets: true}); </script> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button"}); </script> </div> <div id="content"> <p>Этот сайт создан специально для поддержки начинающих игроков. У вас есть возможность ежедневно получать урон не мучая своих друзей просьбами завалить кирпича или сизого!</p> <p>Всё что от вас требуется это в виджете "Мне нравится" нажать "Рассказать друзьям", так чтобы ссылка на этот сайт появилась у вас на стене. <strong>В базу игроков, которые получат урон, попадут только те кто выполнил это условие</strong>. Это необходимо для развития сервиса.</p> <p>Наш ежедневный рейд начинается в <strong>16:00</strong> по московскому времени. Урон получают все кто нажал рассказать друзьям до <strong>12:00</strong>. Остальные получат урон на следующий день. Своевременно подготовьте ключи для атаки. Рекомендуем нападать на боссов со здоровьем не более 500000.</p> <p><font style="color:red;">Внимание!</font> Раз в день база игроков удаляется, виджет "Мне нравится" обнуляется, чтобы и дальше получать урон вам будет нужно опять нажать "Рассказать друзьям". Проверяйте чтобы стояла галочка рядом с надписью "Рассказать друзьям".</p> </div> <div id="footerright"> Copyright © 2012<br /> Разработка сайта - <a href="http://ergonav.ru" target="_blank">ergonav</a> </body> </html> css /* Made by ergonav (ICQ:# 648822) */ body{ background-color:white; margin:0; padding:0; } #header{ background-image:url(images/1.jpg); margin:0 auto; width:900px; height:150px; } #sidebar{ width:900px; height:375px; position:absolute; top:250px; left:180px; margin:0; padding:0 0 0 10px; } #sidebar2{ position:absolute; top:400px; left:50px; margin:0; padding:0 0 0 10px; } #content{ width:500px; position:absolute; top:10px; left:270px; font-family:'Open Sans', sans-serif; } #footerright{ height:100px; width:100%; position:absolute; bottom:90; padding-top:50px; padding-right:10px; text-align:right; font-size:11px; } a{ color:#00BFFF; } /* Менюшка */ #menu{ position:absolute; top:110px; left:390px; font-family:Arial, sans-serif; font-weight:bold; text-transform:uppercase; margin:50px 0; padding:0 0 0 10px; list-style-type:none; font-size:13px; background:#eee; height:40px; } #menu li{ float:right; margin:0; } #menu li a{ text-decoration:none; display:block; padding:0 20px; line-height:40px; color:#666; } #menu li a:hover, #menu li.active a{ background-color:#f5f5f5; border-bottom:2px solid #DDD; color:#999; }
-
Поправил заголовок
-
Не могу разобраться, пробывал по разному, ничего не выходило, прошу помочь. Нужно чтоб галерея располагалась посередине сайта или в две колонки. css body { background-color: #f2f2f2; width:500px; border:10px solid #D3D3D3; margin:0 auto; padding:10px } h1 { font-family: lobster two, cursive; font-size: 50px; font-style: italic; text-shadow: 2px 2px #adadad; text-align: center; color: #f2f2f2; onmouseover="this.style.color='#FFFFFF'; onmouseout="this.style.color='#000000'; } /* Менюшка */ #nav { position: absolute; top: 110px; left: 390px; } #nav li { float: left; display: block; } #nav li a { padding: 8px 14px; border-right: 4px solid #1f1a19; font-weight: bold; text-transform: none; display: block; } #nav li.Current a:link, #nav li.Current a:visited, #nav li.Current:hover a, #nav li.Current:active a { color: #30A7F3; } #nav li a:link, #nav li a:visited { color: black; } #nav li a:hover, #nav li a:active { color: #30A7F3; } #nav li.Last a { padding-right: 0; border-right: none; } #info { width: 700px; position: absolute; top: 100px; left: -100px; font-family: 'Open Sans', sans-serif; } .ic_container{ vertical-align:baseline; margin:10px; position:relative; /*-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 1px 3px #888; -webkit-box-shadow: 0 1px 3px #888;*/ } .overlay{ opacity:0.3; position:absolute; top:0px; bottom:0px; left:0px; right:0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } .ic_caption{ position:absolute; opacity:0.6; overflow:hidden; margin:0px; padding:0px; left:0px; right:0px; cursor:default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .ic_category{ text-transform:uppercase; font-size:11px; letter-spacing:3px; padding:5px; margin:0px; } .ic_caption h3{ padding:0px 5px 5px 5px; margin:0px; font-size:18px; } .ic_text{ padding:5px; margin:0px; text-align:justify; font-size:11px; } html <!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" lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <html> <head> <title>Портфолио</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> </head> <body> <h1><span style="color:#000000;" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#000000';">Заголовок</span></h1> <ul id="nav"> <li><a href="/index.html">Главная</a></li> <li><a href="/prices.html">Цены</a></li> <li><a href="/portfolio.html">Портфолио</a></li> <li class="Last"><a href="/contact.html">Контакт</a></li> <div id="info"> <div id="capslide_img_cont2" class="ic_container"> <img src="images/foto.jpg" width="378" height="156" alt="foto"/> <div class="overlay" style="display:none;"></div> <div class="ic_caption"> <h3><a href='/'>link</a></h3> <p class="ic_text"> Текст </p> </div> </div> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script src="jquery.capSlide.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#capslide_img_cont").capslide({ caption_color : '#DCDCDC', caption_bgcolor : '#DCDCDC', overlay_bgcolor : '#DCDCDC', border : '6px solid #FFFAFA', showcaption : false }); $("#capslide_img_cont2").capslide({ caption_color : '#DCDCDC', caption_bgcolor : '#DCDCDC', overlay_bgcolor : '#DCDCDC', border : '6px solid #FFFAFA', showcaption : true }); }); </script> </body> </html>
-
Картинки не отображались... я так и сяк.. проблема была в том что я писал #header { background-image: url(images/logo.jpg); margin: 0 auto; width: 604px; height: 300px; margin: 0 auto; } А надо было #header { background-image: url(..images/logo.jpg); margin: 0 auto; width: 604px; height: 300px; margin: 0 auto; }
-
Спасибо, но уже вопрос другой
-
Не могу разобраться с лого, в его расположением, не могу переместить... Прошу помочь. index.html <!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" lang="en"> <html> <head> <title>Главная</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div id="logo"></div> <a href="/"><img src="images/logo.gif" alt=""></a> <div id="info"> <h1>Главная страница</h1> <p>Привет дорогой друг, ля ля ля. <br> Opera поддерживает максимум 6–9 параметров тени. Повышение этого значения, а также увеличение радиуса размытия свыше 100px сказывается на производительности браузера. Opera версии 9.5–10 использует отображение нескольких теней, как в CSS2. Safari до версии 4.0 поддерживает только один параметр тени, остальные игнорируются. С версии 4.0 работает уже множество теней.</p> </body> </html> style.css body { background-color: white; } #logo { background-image: url (images/logo.gif); background-position: top right; } h1 { font-family: lobster two, cursive; font-size: 50px; font-style: italic; text-shadow: 2px 2px #adadad; text-align: center; } Мб каких-то стилей не хватает, пробую через background-position, не получается...не перемещается..