Studio AD : Вопросы по CSS - Страница 2

постойте, мы с вами о одних вещях говорим? мне одинаковую же надо, а не разделить

Андрей

Дата: Пятница, 11.06.2010, 22:08 | Сообщение # 52

шептун

Группа: Проверенные

Пользователь №: 189

Сообщений: 65

Получено оценок: 11

Карма: 6

Quote (ROBIBEX)

постойте, мы с вами о одних вещях говорим? мне одинаковую же надо, а не разделить

Я имел ввиду это

Сообщение отредактировал Андрей - Пятница, 11.06.2010, 22:10

tRiMe:o0O

Дата: Суббота, 12.06.2010, 09:43 | Сообщение # 53

молчун

Группа: Проверенные

Пользователь №: 148

Сообщений: 15

Получено оценок: 1

На некоторых сайтах CSS классы задаются с пробелами. Например

Code

Как такие классы задавать в css файле?

Дата: Суббота, 12.06.2010, 09:54 | Сообщение # 54

болтун

Группа: Проверенные

Пользователь №: 673

Сообщений: 349

Получено оценок: 26

Code

.smallText {}
.grayText {}

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI

WRC

Дата: Суббота, 12.06.2010, 10:46 | Сообщение # 55

говорун

Группа: Проверенные

Пользователь №: 223

Сообщений: 149

Получено оценок: 11

Карма: 25

Устраняем баг при просмотре материала

tRiMe:o0O, так как такая запись классов запрещена:

Code

class="smallText" class="grayText"

есть вариант как показали вы... пробел играет роль запятой...

Андрей

Дата: Суббота, 12.06.2010, 14:25 | Сообщение # 56

шептун

Группа: Проверенные

Пользователь №: 189

Сообщений: 65

Получено оценок: 11

Карма: 6

tRiMe:o0O, http://cssclub.ru/blog/53.html

tRiMe:o0O

Дата: Воскресенье, 13.06.2010, 00:35 | Сообщение # 57

молчун

Группа: Проверенные

Пользователь №: 148

Сообщений: 15

Получено оценок: 1

Спасибо. Не знал про такую особенность:)

ROBIBEX

Дата: Понедельник, 14.06.2010, 07:24 | Сообщение # 58

молчун

Группа: Пользователи

Пользователь №: 3049

Сообщений: 8

Андрей, Спасибо, идея намного проще чем я думал, всё получилось одной строчкой: я задал в wrapper задний фон который продолжает все блоки, спасибо что подсказали

Сообщение отредактировал ROBIBEX - Понедельник, 14.06.2010, 13:59

Дата: Вторник, 15.06.2010, 21:51 | Сообщение # 59

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Вопрос по верстке, нужно сверстать картинку, чтобы она растягивалась по всю ширину li:

Code

<ul class='right' id='nav'>
    <li class='active'><a href='#'>One</a><b></b></li>
    <li><a href='#'>Two</a><b></b></li>
    <li><a href='#'>Three</a><b></b></li>
    <li><a href='#'>Four</a><b></b></li>
</ul>

Code

#nav{font:700 14px/106px sans-serif;padding-right:23px}
#nav li{float:left;height:106px;padding:0 11px;position:relative;}
#nav li b{display:none;width:???;height:21px;background:url(img/lib.png) no-repeat #000;position:absolute;bottom:-21px;left:0}
#nav li.active{background:url(img/headbg.gif) repeat-x top #00aeff;}#nav li.active b{display:block}

Сама картинка:

— http://i074.radikal.ru/1006/1d/2ef0556a99ce.gif

Дата: Четверг, 17.06.2010, 15:53 | Сообщение # 60

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

UnderShot, растягивающимся фоном - никак. можно с помощью z-index и width а можно с помощью фильтров в осле.

Дата: Четверг, 17.06.2010, 18:09 | Сообщение # 61

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Aleko, я уже решил проблему, вставил туда img с width=100%.

Дата: Воскресенье, 18.07.2010, 18:35 | Сообщение # 62

молчун

Группа: Пользователи

Пользователь №: 3118

Сообщений: 5

Добрый день столкнулся с такой проблемой.

Дан блок блоку дан фиксированный размер. в этом блоке идет текст. в блоке вмешается например 50символов текста. сам вопрос как зделать так чтобы текст который бы привешал 50символов. не начил расширять сам блок или переносить на другую строку текст.

Гдето видел что решили эту проблему с помощью троеточием. тоесть идет текст и доходя до границы блока начинает отображаться троеточием тем самым говоря что есть продолжения текста. как это можно воплотить в жизнь с помощью css. Или както по дргому?.

За рание спасибо.

Дата: Воскресенье, 18.07.2010, 18:59 | Сообщение # 63

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

Вот тут посмотрите решение на js: http://studioad.ru/blog/2009-08-04-80 (Резка длинных слов, чтобы предотвратить деформацию блока с текстом)

Дата: Воскресенье, 18.07.2010, 23:59 | Сообщение # 64

молчун

Группа: Пользователи

Пользователь №: 3118

Сообщений: 5

Ага спасибо.

Дата: Понедельник, 19.07.2010, 11:31 | Сообщение # 65

болтун

Группа: Проверенные

Пользователь №: 673

Сообщений: 349

Получено оценок: 26

Tregan, вот так лучше:

Code

<? substr('Текст', 0, 50) ?>

где:
0 - сколько отступить от левого края (в данном случае ненужно отступать)
50 - сколько символов оставить (как ты просил, 50)

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI

Дата: Понедельник, 19.07.2010, 12:56 | Сообщение # 66

молчун

Группа: Пользователи

Пользователь №: 3118

Сообщений: 5

наврное глупый вопрос это Php Raiderr, ?

Дата: Понедельник, 19.07.2010, 13:24 | Сообщение # 67

болтун

Группа: Проверенные

Пользователь №: 673

Сообщений: 349

Получено оценок: 26

Это не пхп! Но этот скрипт работает на сервере юКоз!

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI

Дата: Понедельник, 19.07.2010, 20:43 | Сообщение # 68

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

Quote (Tregan)

это Php

система позволяет интерпретировать ограниченное количество php-like функций для последующей обработки уже нормальным php на сервере перед выдачей страницы. Так что технически это php.
Raiderr, ему нужно пилить только длинные слова а не выдрать кусок из текста. Твой код вообще не подходит.

Дата: Вторник, 20.07.2010, 00:41 | Сообщение # 69

болтун

Группа: Проверенные

Пользователь №: 673

Сообщений: 349

Получено оценок: 26

Quote (Tregan)

в блоке вмешается например 50символов текста

я так понял что нужно текст с 50 символами

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI

Дата: Вторник, 20.07.2010, 10:48 | Сообщение # 70

молчун

Группа: Пользователи

Пользователь №: 3118

Сообщений: 5

http://www.7image.ru/v.php?id=47387. Вот пример. что мне нужно добится.

WRC

Дата: Вторник, 20.07.2010, 11:09 | Сообщение # 71

говорун

Группа: Проверенные

Пользователь №: 223

Сообщений: 149

Получено оценок: 11

Карма: 25

Устраняем баг при просмотре материала

Quote (Tregan)

Вот пример. что мне нужно добится.

Code

<?if(len('Текст')>51)?><?substr('Текст',0,50)?>...<?else?>Текст<?endif?>

Сообщение отредактировал WRC - Вторник, 20.07.2010, 11:10

Дата: Вторник, 20.07.2010, 11:25 | Сообщение # 72

болтун

Группа: Проверенные

Пользователь №: 673

Сообщений: 349

Получено оценок: 26

в шаблоне информера замени $THREAD_TITLE$ на:

Code

<? substr($THREAD_TITLE$, 0, 17) ?>…

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI

Сообщение отредактировал Raiderr - Вторник, 20.07.2010, 11:26

Дата: Среда, 21.07.2010, 12:43 | Сообщение # 73

молчун

Группа: Пользователи

Пользователь №: 3118

Сообщений: 5

Добрый день все не как не могу разобратся с выше перечисленной проблемой. Если можно то обьясните подробний, грубо говаря тыкните носам вот так и так. Опишу проблему точней:)

Дана верстка.
Блоку "perechen" дан фиксированный размер. в него помещается 50символов.
Вот как обратится к этому блоку чтобы при превышении 50 символов там срабатывало правило на подобие: удалить последние 3 символа и заместь их троеточием ...

Если есть возможность то обьясниет с помощью JavaScript За рание блогодарин

Дата: Среда, 21.07.2010, 13:22 | Сообщение # 74

болтун

Группа: Проверенные

Пользователь №: 673

Сообщений: 349

Получено оценок: 26

Code

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI

==d1AbLo==

Дата: Воскресенье, 15.08.2010, 19:31 | Сообщение # 75

молчун

Группа: Проверенные

Пользователь №: 3111

Сообщений: 15

Подскажите как можно одержать победу в IE. Вот наглядная проблема стиля ajax окон.

Firefox

Стили

Code

div[id*="_uwndWnd"] .xw-tl, div[id*="_uwndWnd"] .xw-bl {background-image:url('/images/uWnd/left-corners.png');padding-left:5px;}
div[id*="_uwndWnd"] .xw-tr, div[id*="_uwndWnd"] .xw-br {background-image:url('/images/uWnd/right-corners.png');padding-right:5px;}
div[id*="_uwndWnd"] .xw-bc {background-image:url('/images/uWnd/top-bottom.png');}
div[id*="_uwndWnd"] .xw-tc {background-image:url('/images/uWnd/top-bottom.png');}
div[id*="_uwndWnd"] .xw-hdr-text {color:#FFF;}
div[id*="_uwndWnd"] .xw-ml {background-image:url('/images/uWnd/left.png');padding-left:5px;}
div[id*="_uwndWnd"] .xw-mr {background-image:url('/images/uWnd/right.png');padding-right:5px;}
div[id*="_uwndWnd"] .xw-mc {border:0;background:transparent url('/images/uWnd/middle.png');}
div[id*="_uwndWnd"] .xw-body, div[id*="_uwndWnd"] .myWinCont {border:0;}
div[id*="_uwndWnd"] {-moz-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
div[id*="_uwndWnd"] .xw-tc {overflow:visible;}
div[id*="_uwndWnd"] .xt-close {background-image:url('/images/uWnd/close.png');height:36px;width:36px;z-index:333;position:absolute;top:-22px;right:-20px;}
div[id*="_uwndWnd"] .xt-close-over {background-position:0 -36px;}
div[id*="_uwndWnd"] .xw-blank {opacity:.6 !important;background-color:#ffedde;margin:0px -1px 0;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-radius-bottomleft:5px;-webkit-border-radius-bottomright:5px;}
div[id*="_uwndTop"] .x-sh, div[id*="_uwndWnd"] .xw-bl[style="display:none;"] {display:none !important;}

http://www.copyright.ez.lv/

cool09

Дата: Понедельник, 23.08.2010, 16:12 | Сообщение # 76

молчун

Группа: Проверенные

Пользователь №: 3145

Сообщений: 33

Карма: -5

Вопрос: Как прописать через ксс вид тегов??? интересует всё...

я пережил запуск большого адронного коллайдера(=

Дата: Понедельник, 23.08.2010, 17:49 | Сообщение # 77

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

cool09, облака тегов?

cool09

Дата: Понедельник, 23.08.2010, 22:56 | Сообщение # 78

молчун

Группа: Проверенные

Пользователь №: 3145

Сообщений: 33

Карма: -5

Quote (Aleko)

cool09, облака тегов?

и его, и самих тегов...

я пережил запуск большого адронного коллайдера(=

Дата: Понедельник, 23.08.2010, 23:50 | Сообщение # 79

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

cool09, если я прикинусь идиотом и на секунду допущу что человек с мозгами, прямыми руками и доступом в google не сможет найти классы нужных элементов на странице, то пожалуй посоветую использовать для этого firebug или web developer.

cool09

Дата: Вторник, 24.08.2010, 11:09 | Сообщение # 80

молчун

Группа: Проверенные

Пользователь №: 3145

Сообщений: 33

Карма: -5

Aleko,

ок - буду юзать

я пережил запуск большого адронного коллайдера(=

Дата: Вторник, 31.08.2010, 08:21 | Сообщение # 81

говорун

Группа: Проверенные

Пользователь №: 192

Сообщений: 141

Получено оценок: 17

Карма: -993

Начал делать нормальный дизайн PDA-версии сайта и столкнулся с проблемой при создании горизонтальной мини-менюшки, в виде:

Новости,
Файлы,
Форум

Сама менюшка получилась нормально, но было задумано что на страницах относящихся к пункту меню, этот элемент будет нажатым. Но шото не получается, на заданной странице пункт меню относящийся к разделу выглядит неправильно.

Подскажите где закралась ошибка?

Code

<html>
<head>
<title>Мини-меню</title>
<style>
/* Horizontal menu */
#globalmenu {margin-top:0}
#globalmenu .gMenuLink {outline:none}

/* Globalmenu */
#globalmenu {width: 228px; height: 38px; margin: 5px auto; position: relative; z-index:80}
#globalmenu #menunav {margin: 0; padding: 0}
#globalmenu #menunav li {display:inline}
#globalmenu #menunav li a {float:left; width:76px; height:0; padding-top:38px; overflow:hidden}
#globalmenu #menunav li a,
#globalmenu {background-image: url('http://buxclick.kz/images/pda/menu/menu.gif'); background-repeat:no-repeat}

/* Buttons */
#globalmenu #menunav li#gn-news a {background-position: 0 0}
#globalmenu #menunav li#gn-files a {background-position: -76px 0}
#globalmenu #menunav li#gn-forum a {background-position: -152px 0}

/* Pressed states */
#globalmenu #menunav li#gn-news a:active {background-position: 0 -38px}
#globalmenu #menunav li#gn-files a:active {background-position: -76px -38px}
#globalmenu #menunav li#gn-forum a:active {background-position: -152px -38px}

/* on states */
#globalmenu.news #menunav li#gn-news a {background-position: 0 -114px !important}
#globalmenu.files #menunav li#gn-files a {background-position: -76px -114px !important}
#globalmenu.forum #menunav li#gn-forum a {background-position: -152px -114px !important}
/* --------------- */
</style>
</head>
<body style="background:#FFF; margin:0; padding:0">

<div id="globalmenu" class="<?if($MODULE_ID$=="news")?>news<?endif?><?if($MODULE_ID$=="load")?>files<?endif?><?if($MODULE_ID$=="forum")?>forum<?endif?>">
<ul id="menunav">
<li id="gn-news"><a class="gMenuLink" href="/news" title="Архив новостей">Новости</a></li>
<li id="gn-files"><a class="gMenuLink" href="/load" title="Каталог файлов">Файлы</a></li>
<li id="gn-forum"><a class="gMenuLink" href="/forum" title="Форум сайта">Форум</a></li>
</ul>
</div>

</body>
</html>

Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Вторник, 31.08.2010, 11:24

Дата: Вторник, 31.08.2010, 11:26 | Сообщение # 82

говорун

Группа: Проверенные

Пользователь №: 192

Сообщений: 141

Получено оценок: 17

Карма: -993

Кажется проблема в условных операторах, с помощью которых задается класс в globalmenu в различных модулях. Видимо в PDA-версии не работают эти операторы.

Может кто подскажет идею для реализации?

Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Вторник, 31.08.2010, 11:27

Дата: Вторник, 31.08.2010, 11:57 | Сообщение # 83

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

Nigelist, используй js - простая работа с dom прекрасно поддерживается.

Дата: Вторник, 31.08.2010, 13:37 | Сообщение # 84

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Nigelist, может быть «==»?

Slimmi

Дата: Вторник, 31.08.2010, 15:18 | Сообщение # 85

говорун

Группа: Модераторы

Пользователь №: 5

Сообщений: 287

Получено оценок: 38

Карма: 68

Quote (UnderShot)

может быть «==»

Возможно. На юкозе как я помню один знак равенства.

Большие фотостатусы

Дата: Среда, 01.09.2010, 07:53 | Сообщение # 86

говорун

Группа: Проверенные

Пользователь №: 192

Сообщений: 141

Получено оценок: 17

Карма: -993

Quote (Aleko)

Nigelist, используй js - простая работа с dom прекрасно поддерживается.

Aleko, так и не начал еще изучать JS, может подскажете пару каких нибудь учебников где доступно и последовательно рассказывают об этом?

Quote (UnderShot)

Nigelist, может быть «==»?

Quote (Slimmi)

Quote (UnderShot)

Nigelist, может быть «==»

Возможно. На юкозе как я помню один знак равенства.

Вот, на скрине смотрите:

Прикрепления: 4795216.png (38.1 Kb)

Бороться и искать, найти и перепрятать...

Дата: Среда, 01.09.2010, 09:35 | Сообщение # 87

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Nigelist,

Code

#globalmenu.news // false
в #globalmenu нет класса .news
нужно просто писать .news

Дата: Среда, 01.09.2010, 13:38 | Сообщение # 88

говорун

Группа: Проверенные

Пользователь №: 192

Сообщений: 141

Получено оценок: 17

Карма: -993

UnderShot, тот вариант который я использую уже работает в полной версии сайта.

А globalmenu это id дива:

Code

<div id="globalmenu" class="<?if($MODULE_ID$=="news")?>news<?endif?><?if($MODULE_ID$=="load")?>files<?endif?><?if($MODULE_ID$=="forum")?>forum<?endif?>">

Условные операторы призваны задавать необходимый класс в необходимом модуле.

Кстати может вы подскажете какую нибудь литературу по JS? Все никак не могу начать, ибо ленив ужасно. Хочется что написано было доступно, понятно, последовательно.

Прикрепления: 4101057.png (14.6 Kb)

Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Среда, 01.09.2010, 13:42

Дата: Среда, 01.09.2010, 15:31 | Сообщение # 89

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

$WARNING$C литературой по js идите в тему js!

Дата: Среда, 01.09.2010, 19:56 | Сообщение # 90

говорун

Группа: Проверенные

Пользователь №: 192

Сообщений: 141

Получено оценок: 17

Карма: -993

Блин дело не в условных операторах. Проверил, они работают. Плиз посмотрите код, может заметите ошибку?

Бороться и искать, найти и перепрятать...

Дата: Среда, 01.09.2010, 20:32 | Сообщение # 91

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Nigelist, как поймешь мой пост, у тебя все получится.
В элементе #globalmenu нету элементов с классами .news, .forum, в CSS нужно указывать эти классы просто .news{…}

Дата: Среда, 01.09.2010, 20:36 | Сообщение # 92

говорун

Группа: Проверенные

Пользователь №: 192

Сообщений: 141

Получено оценок: 17

Карма: -993

UnderShot, вы имеете в виду такой вариант?

Code

.news #menunav li#gn-news a {background-position: 0 -114px !important}
.files #menunav li#gn-files a {background-position: -76px -114px !important}
.forum #menunav li#gn-forum a {background-position: -152px -114px !important}

Если да, то я пробовал. Если нет, можно подробнее?

Бороться и искать, найти и перепрятать...

Дата: Среда, 01.09.2010, 20:50 | Сообщение # 93

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152