Ge1i0N
-
Posts
76 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Ge1i0N
-
Собственно проблема. Есть один макет: В данный момент решается проблема с баннерами, расположенными под шапкой. Собственно сейчас они выглядят таким вот образом: И это при display:inline-block !(display:inline ничего хорошего не делает в данном случае) Собственно данная проблема решается установкой списку float:right, но в таком случае возникает довольно специфичная проблема в браузере Google Chrome. При включённом AdBlock Все баннеры сползают подобным вот образом: Вопрос: Как выровнять li в одну строку не применяя параметр float. Где я ошибся? Сайт ironrussia.ru Код элемента: <div class="banners"> <ul> <li></li> <li><a href="http://kiggormon.com/"><img src="/img/baners/kiggormon.gif" alt="Купить гармон роста" /></a></li> <li></li> <li><a href="http://methyldren.com/"><img src="/img/baners/methyldrene.gif" alt="Купить Сжиросжигатель" /></a></li> <li></li> </ul> </div> CSS элемента: .banners {background:url('/template/img/bg_banners.png')#ebebeb;height:107px;width:898px;margin:0 auto;} .banners ul {position:relative;left:66px;padding:13px 0 0 0;} .banners ul li {background:url('/template/img/banner.png')#414342;height:80px;width:150px;display:inline-block;}
-
Правильнее, скажем, сдвигать divы с помощью position, но я повсеместно вижу что вместо этого делают отступ с помощью margin.
-
Каким способом всё-таки правильнее позиционировать элементы, с помощью position:relative или с помощью margin? Каким способом из двух пользуетесь вы?
-
Это ucoz и к сожалению определённые части кода править я не в силах. Благодарю. Пересмотрев тщательнее код я понял что всему виной было моё неумелое использование параметров position и margin. Тему можно закрывать.
-
Тренировался в вёрстке, наткнулся на интересную проблему. Делал шапку сайта с непрописанным DOCTYPE в браузере опера и всё было хорошо, но как только решил проверить с других браузеров, куда-то пропала часть элементов. Как только я прописал на страничке <!DOCTYPE html> в опере тоже пропало как у остальных. В чём может быть проблема? Как DOCTYPE может убрать элементы? Собственно вот как выглядит страница без прописанного доктайпа И с ним Собственно сайт blackspot.ucoz.ru Код шапки <header><div class="header"> <a href="http://blackspot.ucoz.ru/"><img src="/template/img/blackspot.png" alt="BlackSpotStudios" class="logo" /></a> <div class="links"> <div class="text"> <a href="http://blackspot.ucoz.ru/#">Главная</a> <a href="http://blackspot.ucoz.ru/#">Контакты</a> <a href="http://blackspot.ucoz.ru/#">О нас</a> </div> </div> <div class="social"> <div class="fecebook"></div> <div class="rss"></div> <div class="twitter"></div> </div> </div></header> CSS шапки header {background:url('/template/img/header.jpg') repeat-x center;height:154px;} .header{width:784px;margin:0 auto;} .logo {margin:35px 0 0 0;} .links {background:#000000;height:30px;width:185px;opacity:0.5;border-radius:5px;float:right;margin:-83px 57px 0 0;font-size:11px;} .text a {opacity:1;margin:0 9px;position:relative;top:8px;} .text a:link {color:#ffffff;text-decoration:none;} .text a:visited {color:#ffffff;text-decoration:none;} .text a:active {color:#ffffff;text-decoration:none;} .text a:hover {color:#ffffff;text-decoration:underline;} .social {height:45px;width:135px;float:right;position:relative;right:98px;bottom:120px;} .fecebook {background:url('/template/img/social.png')top left no-repeat;height:44px;width:44px;} .fecebook:hover {background:url('/template/img/social.png')top right no-repeat;} .rss {background:url('/template/img/social.png')0 -41px no-repeat;height:44px;width:44px;position:relative;left:44px;bottom:44px;} .rss:hover {background:url('/template/img/social.png')-44px -43px no-repeat;} .twitter {background:url('/template/img/social.png')0 -86px no-repeat;height:44px;width:44px;position:relative;left:88px;bottom:88px;} .twitter:hover {background:url('/template/img/social.png')-44px -88px no-repeat;}
-
Наверное не правильно вставлял.
-
Ссылку вставляют не в HTML код, а прямо во flash.
-
К сожалению приходится апать тему, поскольку похоже не обратили на тему вовремя внимания. Проблема очень острая, а сам я точно не могу справиться.
-
С хрома меню навигации сползает вниз и его становится не видно.
-
Может быть подскажите в чём проблема? Может быть я сильно коряво сверстал? Вот кусок кода который "барахлит" <!DOCTYPE html> <head> <link rel="stylesheet" href="/templates/SporeMachinima/css/template.css" type="text/css" /> </head> <body> <header> <div id="header"> <div id="robocam"></div> <a href="http://sporemachinima.ru" title="SporeMachinima"><img src="" height="99" width="280" alt="SporeMachinima" class="logo"/></a> <div class="loginform"><form action="index.php" method="post" name="login" id="form-login"> <div class="login_on"> Добро пожаловать, <span>Ge1i0N</span>! </div> <div class="login_logout"> <input type="submit" name="Submit" class="button_logout" value="Выйти" /> </div> <input type="hidden" name="option" value="com_user" /> <input type="hidden" name="task" value="logout" /> <input type="hidden" name="return" value="Lw==" /> <input type="hidden" name="option" value="com_user" /> <input type="hidden" name="task" value="login" /> <input type="hidden" name="return" value="Lw==" /> <input type="hidden" name="e6274da79fa09ca115949b1a671bb38e" value="1" /></form></div> <nav><ul class="menu"><li class="item2"><a href="http://sporemachinima.ru/"><span>НОВОСТИ</span></a></li><li class="item3"><a href="http://forum.sporemachinima.ru/"><span>ФОРУМ</span></a></li></ul></nav> </div> </header> </body> </html> Вот часть css которая нуждается в доработке: body { max-width:1007px; min-width:1007px; font-size:76%; font-family:"Verdana","Helvetica",sans-serif; line-height:1.3; text-align:left; margin:0 auto; background:url(../images/bg.png)#393d3f center repeat-y; } /*HEADER BLOCK*/ #header { height:139px; width:960px; margin:0 26px; overflow:hidden; background:url(../images/bg_page.png)#e7e7e7; } #header, #footer { border-bottom-left-radius:27px; border-bottom-right-radius:27px; -moz-border-radius-bottomleft:27px; -moz-border-radius-bottomright:27px; } #robocam { height:114px; width:72px; position:absolute; margin-left:27px; margin-top:11px; background:url(../images/robocam.png) no-repeat; } .logo { margin-top:15px; margin-left:90px; } .loginform { float:right; margin-top:-5px; } .loginform li,a{ height:15px; margin-top:5px; list-style:none; padding-top:4px; padding-bottom:2px; color:#696969; text-decoration:none; font-size:12px; } .login_on {color:#696969; padding-right:10px;} .login_on span {color:#ff713f;} .login_logout {text-align:center;} .button_logout { padding:1px 3px; background:#c7c7c7; border:black 1px solid; } span .modlgn_username { height:24px; width:130px; border:0; padding-left:30px; margin-right:-20px; color:#7f7f7f; font-size:11px; font-family:"Tahoma", "Helvetica", sans-serif; background:url(../images/form_username.gif)no-repeat 0 0; } span .modlgn_username:hover, .modlgn_username:focus { color:#0177b4; background:url(../images/form_username.gif)no-repeat 0 100%; } span .modlgn_passwd { height:24px; width:130px; border:0; padding-left:30px; color:#7f7f7f; font-size:11px; font-family:"Tahoma", "Helvetica", sans-serif; background:url(../images/form_password.gif)no-repeat 0 0; } span .modlgn_passwd:hover, .modlgn_passwd:focus { color:#0177b4; background:url(../images/form_password.gif)no-repeat 0 100%; } li.register { padding-left:24px; background:url(../images/button_register.png)no-repeat 0 0; } li.register:hover {background:url(../images/button_register.png)no-repeat 0 100%;} li.forgot_password { padding-left:20px; margin-left:145px; margin-top:-21px; background:url(../images/button_password.png)no-repeat 0 0; } li.forgot_password:hover {background:url(../images/button_password.png)no-repeat 0 100%;} nav {} .menu { position:relative; /*ЭТИ ДВЕ СТРОЧКИ*/ top:117px; /*ВЫЗЫВАЮТ ПРОБЛЕМУ В Chroma*/ float:right; margin-top:-9px; margin-right:-14px; list-style:none; text-decoration:none; } .menu li,.menu ul { color:#0177b4; display:inline; padding-right:40px; } .menu a { font-size:17px; font-weight:bolder; font-family:"Tahoma", "Helvetica"; color:#3b3b3b; } .menu a:hover {color:#ff713f;} Воочию проблему можете пронаблюдать на сайте sporemachinima. ru
-
Почему-то Google Chrome читает код моего сайта немного не так как остальные браузеры. Как сделать так, чтобы часть CSS воспринимал только он, а остальные браузеры игнорировали?
-
Проверка сайта (движок Joomla) на валидность.
Ge1i0N replied to Trali-Vali's question in HTML Coding
У меня тоже из-за такой херни на счетчиках не проходит тест сайт. -
Блин, я думал там всё проще. В JS я нуб, подскажи по каким фразам можно погуглить? Я просто не знаю как эта штука называется.
-
Иногда когда наводишь на странице на какой-нибудь элемент появляется подсказка. Обычно просто текст. Как можно этот текст сделать и оформить? Скриншот сделан с этой странчки:http://ge1i0n.mybrute.com/cellule Наведите на "Speed" например и вы увидите что я имею ввиду, если непонятно выразился.
-
Вроде бы всё делается через вот этот файл: http://drakia.com/templates/drakia/js/rokparallax.js Почитай этот урок, может поможет тебе: http://awebdesignsblog.wordpress.com/2010/...ллакс-с-jquery/ Сайт сделан на joomla, можешь поискать к ней нужный плагин со скриптом. Или выдери из шаблона какого-нибудь. Например этого: http://www.qoodo.ru/templates-joomla/templ...rt-vertigo.html
-
О`кей. Тогда такой сценарий: Баннерорезка убьёт ваш плеер-радио, а юзер не будет знать что это не реклама, а что-то иное и не догадается посмотреть что это было вырезано.
-
Всё что в плеере не будет индексироваться + не у всех этот плеер есть. С мобильника сайт например уже не посмотреть будет. Вот лично мне поэтому и не нравится. Я как-то лазил по сайтам и видел и радио, реализованное на php+js... Так что теоретически всё возможно. PS:вспомню сайт-выложу ссылку.
-
Сделай полупрозрачный PNG и залей им фон.
-
Сделал страничку-молодец. Но тут тебе надо шаблон верстать, а не страничку. Но это уже другая история...
-
В чём проблема-то? body {background-image: ...} сделай в CSS.
-
У меня на сайте в дизайне много закруглений, выполненных с помощью вставленных картинок. Стоит ли мне заменить всю эту массу изображений свойством CSS "border-radius" или пока ещё время? Все последние версии популярных брандеров так или иначе могут понимать это свойство(на IE6 я какал с высокой горы), значит грех его не использовать.
-
Используй CSS спрайты
-
padding`ом текст отступи в конце концов если картинка не по центру текста стоит.
-
Какие типы "своих" CSS правил есть для оперы? Впервые слышу что и у неё такое есть.
-
Решил использовать HTML5 у себя на сайте, занёс дату создания каждой статьи в тег <time>. Всё работает, но валидатор выдаёт ошибку: Назревает логичный вопрос: так в каком формате правильно записывать данный, находящиеся в этом теге?