-
Posts
76 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Ge1i0N
-
-
Правильнее, скажем, сдвигать divы с помощью position, но я повсеместно вижу что вместо этого делают отступ с помощью margin.
-
Каким способом всё-таки правильнее позиционировать элементы, с помощью position:relative или с помощью margin?
Каким способом из двух пользуетесь вы?
-
Ошибки верстки сначала поправьте http://validator.w3.org/check?uri=http%3A%2F%2Fblackspot.ucoz.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Это ucoz и к сожалению определённые части кода править я не в силах.
Чего вы пытаетесь добиться этим? По написанному, это должно сдвинуть блок на 98px влево и на 120px вверх — видимо, аккурат за край окна...
Благодарю. Пересмотрев тщательнее код я понял что всему виной было моё неумелое использование параметров 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 воспринимал только он, а остальные браузеры игнорировали?
-
# Error Line 190, Column 54: general entity "f" not defined and no default entity
<a href="http://u11568.12.spylog.com/cnt?cid=1156812&f=3&p=0" target="_blank">
✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
У меня тоже из-за такой херни на счетчиках не проходит тест сайт.
-
Блин, я думал там всё проще.
В 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 и залей им фон.
-
Сделал страничку-молодец. Но тут тебе надо шаблон верстать, а не страничку.
Но это уже другая история...
-
фон
in HTML Coding
В чём проблема-то? body {background-image: ...} сделай в CSS.
-
У меня на сайте в дизайне много закруглений, выполненных с помощью вставленных картинок.
Стоит ли мне заменить всю эту массу изображений свойством CSS "border-radius" или пока ещё время?
Все последние версии популярных брандеров так или иначе могут понимать это свойство(на IE6 я какал с высокой горы), значит грех его не использовать.
-
Используй CSS спрайты
-
padding`ом текст отступи в конце концов если картинка не по центру текста стоит.
-
Какие типы "своих" CSS правил есть для оперы? Впервые слышу что и у неё такое есть.
-
Решил использовать HTML5 у себя на сайте, занёс дату создания каждой статьи в тег <time>.
Всё работает, но валидатор выдаёт ошибку:
The text content of element time from namespace
http://www.w3.org/1999/xhtml was not in the required format: Bad date or time: The literal did not satisfy the date format.26.07.2010 23:42
Назревает логичный вопрос: так в каком формате правильно записывать данный, находящиеся в этом теге?
Li в строку и проблемы с AdBlock
in HTML Coding
Posted
Собственно проблема.
Есть один макет:
В данный момент решается проблема с баннерами, расположенными под шапкой.
Собственно сейчас они выглядят таким вот образом:
И это при display:inline-block !(display:inline ничего хорошего не делает в данном случае)
Собственно данная проблема решается установкой списку float:right, но в таком случае возникает довольно специфичная проблема в браузере Google Chrome. При включённом AdBlock Все баннеры сползают подобным вот образом:
Вопрос:
Как выровнять li в одну строку не применяя параметр float.
Где я ошибся?
Сайт ironrussia.ru
Код элемента:
CSS элемента: