?

Log in

CSS
 
[Most Recent Entries] [Calendar View] [Friends]

Below are the 20 most recent journal entries recorded in CSS' LiveJournal:

[ << Previous 20 ]
Friday, February 7th, 2014
12:56 pm
[derwisch]
геометрия css
Привет всем.

Недавно занялся html css - однако затягивает,кое-чего
получается но есть и проблемки-вопросы. В частности
Как с помощью CSS HTML создавать геометрические фигуры?
Нужны в качестве примера, образца
полностью прописанные (от начала и до концато есть не только код css? но и то как он вписывается в html тег)
формулы создания средствами CSS:
круга
ромба
треугольника и др фигур

вот мои коды, (задача вписать текст в геоиетрическую фигуру)



а вот результат
http://derwisch.livejournal.com/25399.html
что в них не так?
ПОДСКАЖИТЕ
Tuesday, February 14th, 2012
12:30 pm
[tarkhil]
Нужен человек для идиотских вопросов
Разбираюсь в CSS, вынужденно - "на конкретных примерах". Не все они сделаны аккуратно, прямо скажем.

Нужен человек, которому можно будет задавать более или менее идиотские вопросы. Получать оперативные ответы. За это готов платить какие-то небольшие деньги
Friday, February 3rd, 2012
8:58 pm
[al_kitab]
комменты
Доброе время суток!
хочу спросить уважаемых знатоков. Как сделать различный стиль (фон) для комментариев (четных/нечётных)?
Хочу добавить в свой стиль жж на основе Garden State Style Contest от Liz Lubowitz эту функцию.
Скажите как правильно прописать это в css?
Спасибо.
Monday, January 16th, 2012
7:44 am
[bela_lentochka]
Выбираем народного лидера для Новой России.
Poll #1809778 Выбираем народного лидера для Новой России.

Кто станет лидером России в 2012 году?

Владимир Путин
216(33.1%)
Алексей Навальный
273(41.8%)
Затрудняюсь ответить
164(25.1%)
Tuesday, August 9th, 2011
7:37 pm
[_pioneer]
Здравствуйте.

Кто-нибудь может помочь сделать самую простую страницу с фотографиями? Нужны будут два варианта. Один вариант - вертикальное меню (просто текстовые ссылки), а правее фотографии с горизонтальной прокруткой (при этом меню не остаётся на месте, а тоже уезжает влево). Второй вариант - вертикальное меню (просто текстовые ссылки), а правее одна фотография, при нажатии на которую появляется следующая (а под пунктами меню указано что-то типа < 56/128 >)

Если кто-нибудь может, то напишите на thepioneer@yandex.ru и я покажу скриншотом как это примерно должно выглядеть. Я думаю, что тут работы минут на двадцать.

Итого всего две страницы, потому что заполнить и сделать по макету остальные я смогу. Никакого дизайна. Просто ссылки меню и фотографии.
Saturday, July 9th, 2011
10:03 pm
[ksiu_sallivan]
Куда пойти учиться.
Сердечно всех приветствую. 
Друзья, вероятно тут много раз задавался этот вопрос, и, тем не менее, очень прошу помочь.
На данный момент стараюсь освоить html и css сама. Получается пока средне, но что-то где-то выходит. Сейчас есть возможность повысить квалификацию с благословения работодателя :) , пройти курсы, побывать на конференциях. Начальство не против изучения мною верстки, но встал вопрос, куда же лучше пойти учиться. Дело происходит в Москве.
Если кто-то подскажет хорошее место, где учат именно верстать (не дизайн), буду очень благодарна. Если есть возможность, дайте короткое обоснование, почему вы советуете именно это место.
Заранее спасибо и удачи всем.
ksiu

Current Mood: hopeful
Saturday, July 2nd, 2011
12:32 am
[dobriy_biorobot]
Народ, спасите! Задачка вроде бы простая, но я мозги сломаю, как ее реализовать без скриптов.

Есть у нас закрашенная панелька 100% ширины и фиксированной высоты (скажем, 100 пикселей), а под нею находится див 100%-й же ширины, верхним краем прилепленный к панельке, а нижним к нижнему краю окна. контента внутри может быть сколько угодно, он должен скроллиться



Пробовал таблицу делать, но главная (нижняя) ячейка растягивается под высоту контента дива.
На див 100%-й высоты накладывать панельку сверху тоже не годится, она будет частично прикрывать скроллбар, а «вырезать» его из панельки не хочется, это костыль.
Wednesday, June 29th, 2011
12:47 pm
[frezero]
Интерсный способ реализации контентной части.
Недавно посетила идея реализации контентной части, для 2-3-х колоночного макета, без использования скпритового языка. Чем и хотел бы поделиться.

И так, у нас есть стандарный макет из 3-х колонок, левое меню, контентная часть и правая колонка с sбаннерами.
Задача: реализовать практически на чистом css безпрепятственное удаление левой или правой колонки. Без классов.
Read more...Collapse )

UPD: Пощупать можно на jsfiddle.net
Tuesday, June 28th, 2011
3:24 pm
[skatesnowsurf]
page filters?
I've searched around a little and was wondering if there is a way to have a div container appear for X amount of seconds after the page is opened?
Monday, May 9th, 2011
8:27 pm
[fionaa]
Меню
Сайт верстала не я, мне дали код и сказали исправить "ошибку". Я уже вдоль и поперек просмотрела CSS, перепробовала разные варианты, но так и не могу справиться с задачей.

Задача: есть трехуровневое меню, реализуемое списком. Но третий уровень вылезает за границы второго. Это не было бы проблемой, если бы не уголочки справа и слева. Надо, чтобы часть меню, где ссылки второго уровня раздвигалась на размер третьего уровня и уменьшалась на размер второго. Т.е. я не могу просто задать высоту под размер третьего уровня. Я не могу сильно модифицировать код или что-то глобально менять.

Может быть кто-то из профессионалов сможет дать полезный совет или какое-либо решение поставленной задачи?



CSS:



HTML:

Wednesday, April 13th, 2011
3:20 pm
[fotoromantik]
Плавающий блок слишком активно плавает
Ребята, спасайте :) Мозг взорвался и я чувствую, что туплю в чем то элементарном, но от этого ешение не находится не смотря ни на какое загугливание ... думал сформирую вопрос вам и найду, по ходу, ответ, но нет - даже в примитивном примере проблема повторяется. Вот пример:
 

<html>
<body>
<div style="position:relative;left:50%;margin-left:-300px;width:600px;height:600px;border: solid 1px #CCCCCC;">
<div style="position:relative;left:0px;width:100px;height:400px;border: solid 1px #CCCCCC;float:left;">Left bar</div>
<div style="position:relative;right:0px;width:100px;height:400px;border: solid 1px #CCCCCC;float:right;">Right bar</div>

<p style="text-align:center;">top-line</p>

<div style="border: solid 1px #BBBBBB;color:#000000;background-color:#EEEEEE;position:relative;width:180px;height:170px;overflow: hidden;padding-top:2px;padding-bottom:2px;padding-left:4px;padding-right:4px;float:left;">
Data bar
</div>

<p style="text-align:center;">bottom-line</p>
</div>
</body>
</html>
 
Что надо: блок по средине экрана. Поделен на 3 части - левые и правые блоки, плюс - основная область для вывода контента. В основную область выводятся плавающие блоки Data bar. Перед ними выводится top-line, отцентрированная. Под ними точно такая же bottom-line.

Что есть: если плавающих блоков четное количество - то все хорошо, все как надо. Если же нет - то bottom-line выводится справа от последнего плавающего блока, отцентрированная по пустому месту. Не хорошо. Плохо. Будьте друзьями, окажите услугу, подскажите где та грабля, на которую я наступил и хорошенько на ней попрыгал? Заранее огромное спасибо!

P.S.: Пробовал нижней линии задавать свойство clear:both что бы отменить обтекание, но тогда она выводится посредине, но уже сильно ниже, под боковыми блоками Left bar и Right bar.

P.P.S.: Пока писал все это придумал - может у меня просто проблема с концепцией? Если вынести Left bar и Right bar за пределы родительского блока - проблема будет решена с использованием clear:both ... но единственное ли это решение?

UPD: В общем да, проблема была в неправильном проектировании :) Сделал как написал в PPS - все получилось с использованием clear:both. Вопрос снят, прошу простит за беспокойство :)
Friday, April 8th, 2011
3:41 pm
[xxpremonitionx]
Friday, March 4th, 2011
2:54 pm
[m0z9]
font-size
Привет. Извините за тупой вопрос: мне казалось, что философский смысл font-size:100% - "шрифт как раз того размера, который удобно читать среднезашедшему пользователю". Однако, в популярных проектах, вроде ЖЖ, Google и т.п. font-size в объёмистых текстах практически везде занижен - ну, где-то до 80%. Есть ли какие-то традиции в современном веб-дизайне - шрифтом какого размера что на странице положено отображать?

UPDATE
https://www.ssbbartgroup.com/blog/2009/10/09/font-resizing-guidance/
http://www.webdesignerdepot.com/2009/03/5-simple-ways-to-improve-web-typography/
Monday, February 21st, 2011
12:09 am
[soft_october]
При размещении счетчика пропадает страница.
Для редактирования страниц использую Dreamweaver. На первую страницу сайта с кое-каким скрипом, но два из трех запланированных счетчиков все-таки добавились (посмотреть можно тут: awesomepics.ru).  Не добавился счетчик от Mail'а, который разбивается на две части (при его вставке вместо моей странички отображается полностью чистая страница)
При попытке вставить код счетчика в код других страниц, при просмотре и сам DW и браузер выдает чистую белую страницу. 
Я полный новичек и самоучка как в css, так  и в html, поэтому если разъясните мне мою ошибку, буду очень благодарна.
Так как я не знаю, в чем причина, то не знаю, какую информацию нужно выкладывать. Жду наводящих вопросов. 
Thursday, February 10th, 2011
10:36 am
[illuminor94]
Планируемые новшества в CSS.
Tab Atkins, член рабочей группы CSS и команды Google Chrome, опубликовал слайды презентации, которую он проводил в прошлую среду.

Эта презентация демонстрирует четыре относительно новых концепта:

Переменные.
Объявляя переменную через конструкцию @var, указав ее имя, значение, и все что-угодно от цвета до длины, вращений и функций, она может быть доступна для всего CSS, используемого на странице.

Поддержка локальных переменных также будет присутствовать, через конструкцию @local.

@var paragraph-size length 12px; @var paragraph-color color rgba(0,0,0,0); p { color: var(paragraph-color); font-size: var(paragraph-size); }</textarea>

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



Вложения правил.
Текущие вложения в CSS, особенно без использования классов или id, являются болезненными. Конструкция @this преставлена для упрощения этого. Она будет применяться к потомкам действующего правила, наследуя его имя. Теперь можно будет сделать более ясной такую структуру:



Модули.
Нет, не те модули, которые составляют CSS 3. Модули — это обычные пространства имен для переменных и примесей. Переменные и примеси могут быть определены через прописание имени модуля в начало собственного имени, либо используя конструкцию @use.



Хотя текущий код доступен всего на нескольких машинах в Сиднее, Гугл планирует опубликовать начальную спецификацию в этом квартале и реализовать новшества до конца года. Учитывая, что ни эти планы переменных, ни планы примесей не были распространены в почтовой подписке www-style, будет интересно увидеть, как изменения будут приняты остальными браузерами. Похожие обсуждения, несколько лет назад показали, что это довольно спорные вопросы с очень разными мнениями.
Wednesday, February 9th, 2011
10:57 pm
[vyazovetskova]
проблемы со шрифтом Georgia
Их сразу несколько:
1)Столкнулась с тем, что вов сех браузерах размер шрифта одинаковый, но только в Chrome шрифт заметно меньше, хотя значение font-size он считывает верно(проверила на js). В чем тут дело, у вас такое было? Я проверила: во всех браузерах настройки совпадают. Пробовала задавать размер и в px, em, pt ,% и разница все равно есть.Может ли размер зависить от системы?У меня стоит убунту 10.4, а у руководителя проекта MacOs. И у него шрифты меньше. Причем все это распространяется только на шрифт Georgia. Если его заменить на какой-то из другого семейства, то все ок.
2)Cам шрифт отображается несколько иначе. Буквы ф,ш,щ,ц, д. В макетах для шрифта используется Crisp/ Может в этом дело?
Tuesday, January 18th, 2011
11:00 am
[vyazovetskova]
background-image полностью?
Добрый день. Может, кто-то уже сталкивался с подобной проблемой. каким образом можно принудительно выводить все фоновое изображение? Конкретнот в моей ситуации: есть блок, у которого задано фотоное изображение-полоска(5px высотой). Оно повторяется по y. И нужно, чтобы эта полоска всегда выводилась полностью (даже если контент закончится в момент, когда онат показана на, скажем, 3px, то она бы вывела все свои 5px)Такое можно сделать?
Monday, January 17th, 2011
7:56 pm
[illuminor94]
Закруглить углы с помощью CSS.
Недавно столкнулся с проблемой закругления углов в веб-дизайне. Я знаю, что обычно это решается с помощью картинок с уже закруглёнными углами. Но бывают случае когда проблему нужно решить без использования изображений. В такое положение попал я. И сегодня я хочу поделиться с вами методом, который поможет нам закруглить углы только используя CSS.

ПодробнееCollapse )
Wednesday, January 5th, 2011
5:23 pm
[soft_october]
Internet Explorer неверно отображает элемент. Как исправить?
 


Код сдвинутого прямоугольника
.sidebar_top { position: absolute; margin-left: -1px;}
<img src="grafics/sidebar_top.png" class="sidebar_top"/>

Код надписи "Новости"
.news_top { position: absolute; margin-top: -13px; margin-left: 45px; border: 0;}
<p><img src="grafics/index/news_top.png" alt="Новости" width="115" height="25" class="news_top"/></p>

При создании проверяла весь дизайн на Опере, в конце стала проверять в IE, и вот такая небольшая лажа. Google Chrome тоже отображает все корректно. Подскажите, пожалуйста, как исправить.
Tuesday, December 28th, 2010
9:53 pm
[kruzhkova]
Найти универсальное решение для разнообразных эпиграфов
Друзья, возникла такая проблема.
Есть много-много статей, почти у каждой есть эпиграф. Все они абсолютно разной ширины (есть и стихи с разной длины строками, есть и прозаические) — соответственно, нельзя задать диву эпиграфа единую ширину.
Длины заголовков статей (под которыми эпиграфы) — тоже все абсолютно разные, и в одну строчку, и в две, и в три — соответственно, нельзя указать диву эпиграфа точное позиционирование (мол, top:2em).
При все при этом, нужно, чтобы див эпиграфа был прилеплен к правому краю родительского дива со статьей. И если я ему говорю float:right, то нижеследующий текст статьи начинает обтекать эпиграф, естественно. Решить это можно бы заключив текст статьи в отдельный див, но, по-моему, это неправильно.
Или единственный выход: отключить float:right и просто каждый раз вручную задавать необходимый отступ?
Не знаю, нужен ли тут скриншот или код, если да — довыложу. Спасибо огромное!
[ << Previous 20 ]
About LiveJournal.com