penchukov
-
Posts
96 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by penchukov
-
-
Здравствуйте.. Ситуация такая, у меня есть страницы подгружаемые ajax, в которые мне нужно повесить fancybox. Скрипт не срабатывает, есть решение данной задачи??
-
Я знаю. Случайно придумал так сделать, а вообще вы не расположите по ширине текст, увы...
Вообще то я не правильно выражаюсь.
Здесь вообще нет проблемы. Что вы видите это и есть то, что вам нужно. Это и есть выравнивание по ширине. Здесь, однозначно, будет сжатите или расширение. И пробелов - лучше, чем букв)
с этим я соглашусь. я думаю единственный способ это увеличивать блок, для внятной обработки.
все-таки спасибо за отзывчивость)
-
на данном примере это хорошо смотрится. а на практике когда текст разносоставный, то все равно где-то да плывет
-
Тогда всё.
а можно сылку на ваш пример?
-
Я исправил)
все браузеры корректно отображают?
Я про свой комментарий, первый.
Проверьте, не знаю, вроде должны. Просто, если они сам текст по разному отображают, то наверное и решение...проверьте, скажите
спасибо за совет, но итог такой. где-то помогает, а где-то смещается, это не решение, когда текста много.
-
Я исправил)
все браузеры корректно отображают?
-
Нет
Но в зависимости от того, что вам необходимо в итоге, можно подобрать разные варианты.
В итоге, чтобы пробелы одинаковые были, и выравнивание по всей длине. думал решить проблему переносами,при помощи js. итог не радует т.к на примере выходит такое (пер-енос).
Неужели не решить проблему?
-
грубо говоря ситуация такая
<div style="text-align: justify; font-size:11px; width:250px;">
<p>Текста на 100 символов. Строк 10-11.</p>
</div>Что и следовало ожидать текст выравнивается по левому и правому краям блока.
Но расстояние между словами ужасное.
Можно ли как-нибудь бороться с этим делом?
-
Всем большое спасибо.) Решил все позиционировать.
-
код такой
<div id="block-all">
<div id="header">
<div class="left-img-header">
</div>
<div class="right-img-header">
</div>
<div class="block-header">
<div class="left-img-block-header">
</div>
<div class="consol">
<script src="#"></script>
<ul id="horizontal-multilevel-menu">
<li><a href="/index.php" class="root-item-selected">#</a></li>
<li><a href="" class="root-item">#</a></li>
<li><a href="" class="root-item">#</a></li>
<li><a href="" class="root-item">#</a></li>
<li><a href="" class="root-item">#</a></li>
</ul>
<div class="menu-clear-left"></div>
</div>
<div class="right-img-block-header">
</div>
</div>
</div>
<div id="container">
<!-- column-->
<div class="left-column">
<div class="left-img-content">
<img src="#" height="248" width="35">
</div>
<div class="left-img">
</div>
</div>
<div class="right-column">
<div class="right-img-content">
<img src="#" height="357" width="60">
</div>
<div class="right-img">
</div>
</div>
<div id="content">
<p>
#
</p>
</div><!—content—>
</div>
<div id="footer">
</div>
</div>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
body {
margin: 0;
padding: 0;
background: url('#') repeat;
}
#block-all{
margin:0 auto;
width:1000px;
overflow:hidden;}
/*Links*/
a:link {color: #486DAA;}
a:visited{color:#8C9AA8;}
a:active {color: #486DAA;}
a:hover{color:#DD0000;}
#header
{
width:1000px;
float:left;
height:82px;
}
.left-img-header{
background: url('#') left no-repeat;
width:545px;
height:54px;
overflow:hidden;
float:left;
}
.right-img-header{
background: url('#') right no-repeat;
width:454px;
height:54px;
overflow:hidden;
float:left;
}
.block-header{
float:left;
width:1000px;
overflow:hidden;}
.left-img-block-header{
float:left;
background: url('#') left no-repeat;
width:35px;
height:28px;
}
.right-img-block-header{
float:right;
background: url('#') right no-repeat;
width:55px;
height:28px;
}
/*Navigation*/
.consol{
width:910px;
height:28px;
float:left;
overflow:hidden;
background:#ffffff;
}
/*———--content————-*/
#container{
float:left;
width:1000px;
height:100%;
overflow:hidden;
margin-bottom:-240px;
}
#content{
float:left;
width:905px;
overflow:hidden;
background:#ffffff;
height:100%;
}
.left-column{
float:left;
overflow:hidden;
width:35px;
height:100%;
}
.right-column{
float:right;
overflow:hidden;
width:60px;
height:100%;
}
.left-img{
float:left;
width:35px;
height:100%;
background: url('#') right top repeat-y;
}
.right-img{
float:left;
width:60px;
height:100%;
background: url('#') left top repeat-y;
}
.left-img-content{
float:left;
width:35px;
height:248px;
}
.right-img-content{
float:left;
width:60px;
height:357px;
}
/*———— footer —————--*/
#footer{
float:left;
width:1000px;
height:240px;
background: url('#') top no-repeat;
} -
думаю перекрывают они у него по z-index
попробуй для блоков по краям выставить z-index меньше чем у футера и учти, что z-index работает только с position элементами
а img по бокам должны с середины страницы начинаться? или от хэадера?
z-index не при чём.. Нет position у блоков вообще.
С середины. В боковых блоках лежат 2 дива, один сверху в нем Img, следующий блок с background repeat-y height:100; .
Маргин помог, но проблема решается если у футера background сплошной, а у меня внизу есть прозрачные места. Получается что контент под футер ложиться, со своим background
margin помог для мозилы) опера тихий ужас
-
-
На форуме уже достаточно много тем по этому вопросу, смотрите прикрепленные.
В двух словах: футер надо поднимать вверх (например, отрицательным марджином). Иначе получается следуюее:
Высота окна 1000px блока. Высота футера 150px. 1000+150 = 1150, что больше высоты окна.
Пробовал. Футер уходит под эти блоки, они его перекрывают
Задал отрицательный маргин для контента, футер на месте. А контента Img репитится под ним, так как background для футера в формате png, низ прозрачный)
-
Проблема в том , что я не могу сделать следующую вещь. На рисунке есть два контейнера в контенте, у которых есть Img repeat-y. По мере увелечения контента они расширяются. Я задал им height: 100%. Логично что они растягиваются до конца окна браузера. Но как мне сделать, чтобы они растягивались до начала блока footer, и в то же время не было полосы прокрутки? и footer не уходил вниз...
-
Нашел сайт на joomle, шаблон понравился... Где-то встречал ранее. Но где??
Может кто встречал. http://www.rus-master.com/
Помогите страдаю(
-
скажу просто . говно
-
Всегда стоит обратить внимание на первое впечатление посетителя..
Мои ощущения:
1.Депрессия , вызванная палитрой цветов сайта.
2. Фото девушки (оставлю без комментариев).
3. Позиционирование сайта справа... Ну так для сведения, это мертвая точка, ну в общем думаю это такой психологический ход, навеять чертовщины посетителю.
4. Я сомневаюсь , что твоя подруга психолог ломает психику людям, но сайт претендует на должность Психодел.
5. Картинки ужас... Шрифт утонул в тумане навеянным грустью и печалью...
6. Дальше капать не рискнул.. Рискую обратиться к другому психологу)
-
Самое главное я считаю - ссылки должны быть подчеркнуты, без этого я просто не представляю сайт)
Поздравляю, у вас Артемий головного мозга.
))ах-ха 5+..
-
Нужно голосование.! ) Вот убедительный аргумент для вывода.. Я против клик + лого!
ps: Хотя при работе всегда делаю кликабельным.. Но!))
-
в футере выравнивание странное. курсив в шапке не обоснован. лого не кликабельно
С сайтом всё ясно... Но а кто сказал что ЛОГО должен быть кликабельным??)) Ну вот кто сказал такое?? Это дело каждого.
-
Грубо говоря, сайт можно поместить в библиотеку "Как не стоит делать сайты"..
Совет, просмотреть гору чужих сайтов... Не получилось?? Если нет видения художника, то лучше не браться за дизайн, а изучать код...
- 1
-
В принципе неплохо. Присутствует полезная информация "Ководства" Арт.Лебедева.) Кто знает , тот поймет..
Если про конструкцию сайта, то немного все плавает. Совет, над шрифтом не издеваться.. В плане юзабилити, вроде все удобно.
Идейная составляющая (Свобода выбора, свобода творчества) 4.
-
Лучше всего фиксированные размеры...
-
нажми ctrl+S
на приколе?
Модальные окна
in JavaScript
Posted · Edited by penchukov
Слышал про такое, не подскажите где можно найти живой пример или готовый скрипт.. Даж не знаю в каком направлении юзать
Спасибо большое!
Почему не работает?
Все разобрался!! Всем огромное спасибо!