Ru-Board.club
← Вернуться в раздел «Web-программирование»

» Вопросы по CSS

Автор: miranon
Дата сообщения: 07.02.2011 01:30
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, хочется для него также настроить нормальное отображение.
Автор: S0ldier
Дата сообщения: 07.02.2011 02:02
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
    });
});
Автор: CoolCmd
Дата сообщения: 07.02.2011 10:41
S0ldier

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

Цитата:
Обратите внимание, что в Опере происходит.
В оперу не хожу.
Автор: Scorpion71
Дата сообщения: 07.02.2011 17:52
Прошу ещё помощи,сегодня решил проверить сайт в IE,и обнаружил не отображающуюся кнопку в конце страницы,вот скрин:

а вот в FireFox её нету,найти в коде не могу,может кто-то глянет сайт,где она спряталась.
Автор: S0ldier
Дата сообщения: 07.02.2011 21:41
CoolCmd
http://savepic.ru/2232084.png - это то, что нужно сделать?

Scorpion71

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


Код: <a href="#top"><img src="/templates/zeos/images/top.png"></a>
Автор: Scorpion71
Дата сообщения: 07.02.2011 22:21
S0ldier, ещё раз респект
Автор: CoolCmd
Дата сообщения: 07.02.2011 23:22
S0ldier

Цитата:
http://savepic.ru/2232084.png - это то, что нужно сделать?
Это то что уже сделано.
Вот допустим нужно закинуть в заголовок длинный текст, т.е. как бы сделать colspan=3 для первой строки.
Автор: S0ldier
Дата сообщения: 08.02.2011 22:38
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>
Автор: CoolCmd
Дата сообщения: 09.02.2011 10:49
S0ldier Спасибо.
Автор: Scorpion71
Дата сообщения: 13.02.2011 12:14
Подскажите,как на главной странице в DLE прописать модуль,который имеет адрес: http://мой сайт.ru/?do=games ?
Автор: S0ldier
Дата сообщения: 13.02.2011 15:11
Scorpion71
Как ваш вопрос связан с CSS? Ответил где полагается: http://forum.ru-board.com/topic.cgi?forum=28&topic=2429&start=920#15
Автор: Scorpion71
Дата сообщения: 13.03.2011 19:52
Подскажите,не видно кнопку отправить в ПМ,она чёрного цвета,где искать,чтоб изменить цвет?
Автор: S0ldier
Дата сообщения: 13.03.2011 21:48
Scorpion71
В конце файла templates/имя_шаблона/feedback.tpl.
Автор: Scorpion71
Дата сообщения: 13.03.2011 23:44
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 как вы поняли фоновая картинка.
Автор: S0ldier
Дата сообщения: 14.03.2011 15:58
Scorpion71

Код: body {
background: fixed #03080c url(../images/bg-main.jpg) no-repeat center top;
...
}
Автор: Scorpion71
Дата сообщения: 14.03.2011 23:26
S0ldier а ещё такой вопрос-можно сделать так,что-бы при переходе на другую страницу менялся фон?
Автор: Kudman
Дата сообщения: 15.03.2011 10:09
Подскажите, есть ли такая мини-прога чтоб можно было обновлять объявления?
Просто есть доски объявлений, которые присылают адреса ссылок проходя по которым обновляются сроки объявлений и тем самым поднимаются вверх.
Нет ли такой проги, куда можно помещать данные строки с указанием периодичности (по дням) обновлений?
Автор: S0ldier
Дата сообщения: 15.03.2011 18:03
Scorpion71

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

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

Kudman
Как ваш вопрос связан с CSS?
Автор: Scorpion71
Дата сообщения: 15.03.2011 19:54

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

S0ldier, по возможности,хотелось бы как на kanobu.ru ,при переходе на любую страницу меняется и фон сайта.
Автор: S0ldier
Дата сообщения: 15.03.2011 20:07
Scorpion71
Там в каждом разделе свой специфический стилевой файл подключается. К примеру, на главной:

Код: <style type="text/css" media="all">
@import "http://static.kanobu.ru/kanobu/modern/skin/kanobu-ver_0.4/bg_shogun2.css";
</style>
Автор: Scorpion71
Дата сообщения: 15.03.2011 22:46
S0ldier,то есть первый код подключается в main, а второй в стилях?
Автор: OLEX
Дата сообщения: 15.03.2011 23:30
Проще решить в 2-х строчках джаваскрипта, чем для каждой страницы (неизвестно сколько их) делать отдельный цсс с одной строчкой
Автор: S0ldier
Дата сообщения: 16.03.2011 01:11
Scorpion71
Да, верно.

OLEX
Само собой. Однако на приводимом в пример сайте сделано именно так.
Автор: OLEX
Дата сообщения: 16.03.2011 03:09
Scorpion71

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


Я вот кстати так когда-то делал http://hruschevka.com.ua/
Там рандомно фон меняется на страницах, и еще наборы картинок по бокам.
Автор: Scorpion71
Дата сообщения: 16.03.2011 14:57
OLEX,ресторан,наверное,хороший,но не могли бы Вы подкинуть мне код джаваскриптовский что использовали там? Картинки по бокам не нужны,только фон

S0ldier,а css надо делать отдельно для каждой страницы или можно прописать в общих стилях?
Автор: hunter29
Дата сообщения: 16.03.2011 17:55
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>
Автор: OLEX
Дата сообщения: 16.03.2011 18:54
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'>
Автор: S0ldier
Дата сообщения: 16.03.2011 19:01
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)';
Автор: hunter29
Дата сообщения: 16.03.2011 19:31
OLEX
S0ldier

Код: .backgroundImage='url(/images/bg_main' + Math.round(Math.random()*7)+1 + '.jpg)'
Автор: Scorpion71
Дата сообщения: 26.03.2011 23:36
Ребята,можно окончательный вариант по предыдущим постам:куда что прописывать,и какие имена должны быть у фоновых картинок?Пробовал то что дали выше, не работает.

Страницы: 12345678910111213141516171819202122232425262728293031

Предыдущая тема: Вопрос к знатокам CSS


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.