» Вопросы по CSS

S0ldier

В jQuery я полный чайник. :/ Попробовал применить код по ссылке - ничего не получилось.

Мне кажется все таки проблема в display:block;
Как только я убираю display:block; в IE всё работает нормально ( т.е. всё эффекты jQuery присутствуют ), но проблема в том что тогда ссылки меню улетают влево. Так что думаю как то можно поправить это через CSS, просто не знаю как :/

Вот 2 версии сайта:
С display:block; - http://ak.illusiy.net - корявые буквы, блокируется jQuery?
Без display:block; - http://new.illusiy.net - нормальные буквы с jQuery, меню сместилось влево.

В Firefox И Опере с display:block; всё отлично работает, но так как большинство людей всё еще используют IE, хочется для него также настроить нормальное отображение.

miranon

Цитата:

Попробовал применить код по ссылке - ничего не получилось.  

В комментариях приведен рабочий вариант:

Код: jQuery.fn.fadeTo = function(speed,to,callback) {
return this.animate({opacity: to}, speed, function() {
if (to == 1 && jQuery.browser.msie)
this.style.removeAttribute('filter');

if (jQuery.isFunction(callback))
callback();
});
};

$(document).ready(function(){
    $("#div").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
    $("#div").hover(function(){
        $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
    },function(){
        $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
    });
});

S0ldier

Цитата:

Нецелые значения размеров, заданных в процентах, разные браузеры могут обрабатывать, то есть переводить в пиксели, по-разному. Издержки округления.

И ничего нельзя сделать? Вот допустим мне нужен будет аналог colspan...
Может сделать как-то с помощью таблиц, а не div-ов?

Цитата:

Обратите внимание, что в Опере происходит.

В оперу не хожу.

Прошу ещё помощи,сегодня решил проверить сайт в IE,и обнаружил не отображающуюся кнопку в конце страницы,вот скрин:

а вот в FireFox её нету,найти в коде не могу,может кто-то глянет сайт,где она спряталась.

CoolCmd
http://savepic.ru/2232084.png - это то, что нужно сделать?

Scorpion71

Цитата:

найти в коде не могу

Код: <a href="#top"><img src="/templates/zeos/images/top.png"></a>

S0ldier, ещё раз респект

S0ldier

Цитата:

http://savepic.ru/2232084.png - это то, что нужно сделать?

Это то что уже сделано.
Вот допустим нужно закинуть в заголовок длинный текст, т.е. как бы сделать colspan=3 для первой строки.

CoolCmd
Если идти по пути наименьшего сопротивления:

Код: <table id="maintable">
<tr>
<td id="str1">
Строка 1
</td>
</tr>
<tr>
<td id="str2">
<div id="col1">
Колонка 1
</div>
<div id="col2">
Колонка 2
</div>
<div id="col3">
Колонка 3
</div>
</td>
</tr>
</table>

S0ldier Спасибо.

Подскажите,как на главной странице в DLE прописать модуль,который имеет адрес: http://мой сайт.ru/?do=games ?

Scorpion71
Как ваш вопрос связан с CSS? Ответил где полагается: http://forum.ru-board.com/topic.cgi?forum=28&topic=2429&start=920#15

Подскажите,не видно кнопку отправить в ПМ,она чёрного цвета,где искать,чтоб изменить цвет?

Scorpion71
В конце файла templates/имя_шаблона/feedback.tpl.

S0ldier,спасибо
Ещё вопрос-хотелось бы сделать фон сайта статичным,неподвижным,а чтоб прокручивался только центральный блок,как например здесь gamebox.vokar.com.
сейчас у меня задний фон дублируется,и подвижен,вот код:
* {
margin-top:0;
margin-bottom:0;
padding:0;
}
body,html {
background:#03080c url(../images/bg-main.jpg) repeat-y center top;
margin-top:0;
margin-bottom:0;
font-family:"Trebuchet MS", Arial sans-serif;
font-size:12px;
}

td {
color:#eee;
}
th {
color:#ff0000;
}

img {
border:none;
}

images {
border:none;
margin:0;
padding:0;
}

a images {
border-bottom:none;
}

bg-main.jpg как вы поняли фоновая картинка.

Scorpion71

Код: body {
background: fixed #03080c url(../images/bg-main.jpg) no-repeat center top;
...
}

S0ldier а ещё такой вопрос-можно сделать так,что-бы при переходе на другую страницу менялся фон?

Подскажите, есть ли такая мини-прога чтоб можно было обновлять объявления?
Просто есть доски объявлений, которые присылают адреса ссылок проходя по которым обновляются сроки объявлений и тем самым поднимаются вверх.
Нет ли такой проги, куда можно помещать данные строки с указанием периодичности (по дням) обновлений?

Scorpion71

Цитата:

можно сделать так,что-бы при переходе на другую страницу менялся фон?

Распишите подробнее, что же вам конкретно нужно.

Kudman
Как ваш вопрос связан с CSS?

Цитата:

Распишите подробнее, что же вам конкретно нужно.

S0ldier, по возможности,хотелось бы как на kanobu.ru ,при переходе на любую страницу меняется и фон сайта.

Scorpion71
Там в каждом разделе свой специфический стилевой файл подключается. К примеру, на главной:

Код: <style type="text/css" media="all">
@import "http://static.kanobu.ru/kanobu/modern/skin/kanobu-ver_0.4/bg_shogun2.css";
</style>

S0ldier,то есть первый код подключается в main, а второй в стилях?

Проще решить в 2-х строчках джаваскрипта, чем для каждой страницы (неизвестно сколько их) делать отдельный цсс с одной строчкой

Scorpion71
Да, верно.

OLEX
Само собой. Однако на приводимом в пример сайте сделано именно так.

Scorpion71

Цитата:

можно сделать так,что-бы при переходе на другую страницу менялся фон?

Я вот кстати так когда-то делал http://hruschevka.com.ua/
Там рандомно фон меняется на страницах, и еще наборы картинок по бокам.

OLEX,ресторан,наверное,хороший,но не могли бы Вы подкинуть мне код джаваскриптовский что использовали там? Картинки по бокам не нужны,только фон

S0ldier,а css надо делать отдельно для каждой страницы или можно прописать в общих стилях?

Scorpion71
Наверно вот :

Код: <script type="text/javascript">
var rnd = Math.round(Math.random()*7)+1;
var bg = 'url(/images/bg_main' + rnd + '.jpg)';
document.getElementById("body").style.backgroundImage='url(/images/bg_main' + rnd + '.jpg)';
</script>

hunter29
точна )
можно и без rnd обойтись:

<script type="text/javascript">
document.getElementById("body").style.backgroundImage='url(/images/bg_main' + Math.round(Math.random()*7)+1 + '.jpg)';
</script>


Добавлено:
ну и прописать <body id='body'>

Scorpion71

Цитата:

а css надо делать отдельно для каждой страницы или можно прописать в общих стилях?

Проще или в <style type="text/css"></style> указывать, или через JS. Пример см. ниже.

OLEX

Цитата:

document.getElementById("body")

Цитата:

ну и прописать <body id='body'>

Но зачем?


Код: document.body.style.backgroundImage='url(/images/bg_main' + Math.round(Math.random()*7)+1 + '.jpg)';

OLEX
S0ldier

Код: .backgroundImage='url(/images/bg_main' + Math.round(Math.random()*7)+1 + '.jpg)'

Ребята,можно окончательный вариант по предыдущим постам:куда что прописывать,и какие имена должны быть у фоновых картинок?Пробовал то что дали выше, не работает.