геометрия css

Привет всем.

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

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



а вот результат
http://derwisch.livejournal.com/25399.html
что в них не так?
ПОДСКАЖИТЕ
реконструкция, лекция

Нужен человек для идиотских вопросов

Разбираюсь в CSS, вынужденно - "на конкретных примерах". Не все они сделаны аккуратно, прямо скажем.

Нужен человек, которому можно будет задавать более или менее идиотские вопросы. Получать оперативные ответы. За это готов платить какие-то небольшие деньги
letterpress

комменты

Доброе время суток!
хочу спросить уважаемых знатоков. Как сделать различный стиль (фон) для комментариев (четных/нечётных)?
Хочу добавить в свой стиль жж на основе Garden State Style Contest от Liz Lubowitz эту функцию.
Скажите как правильно прописать это в css?
Спасибо.
Marilyn Monroe

(no subject)

Здравствуйте.

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

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

Итого всего две страницы, потому что заполнить и сделать по макету остальные я смогу. Никакого дизайна. Просто ссылки меню и фотографии.
профиль

Куда пойти учиться.

Сердечно всех приветствую. 
Друзья, вероятно тут много раз задавался этот вопрос, и, тем не менее, очень прошу помочь.
На данный момент стараюсь освоить html и css сама. Получается пока средне, но что-то где-то выходит. Сейчас есть возможность повысить квалификацию с благословения работодателя :) , пройти курсы, побывать на конференциях. Начальство не против изучения мною верстки, но встал вопрос, куда же лучше пойти учиться. Дело происходит в Москве.
Если кто-то подскажет хорошее место, где учат именно верстать (не дизайн), буду очень благодарна. Если есть возможность, дайте короткое обоснование, почему вы советуете именно это место.
Заранее спасибо и удачи всем.
ksiu
  • Current Mood
    hopeful hopeful

(no subject)

Народ, спасите! Задачка вроде бы простая, но я мозги сломаю, как ее реализовать без скриптов.

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



Пробовал таблицу делать, но главная (нижняя) ячейка растягивается под высоту контента дива.
На див 100%-й высоты накладывать панельку сверху тоже не годится, она будет частично прикрывать скроллбар, а «вырезать» его из панельки не хочется, это костыль.
all

Интерсный способ реализации контентной части.

Недавно посетила идея реализации контентной части, для 2-3-х колоночного макета, без использования скпритового языка. Чем и хотел бы поделиться.

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

UPD: Пощупать можно на jsfiddle.net

Меню

Сайт верстала не я, мне дали код и сказали исправить "ошибку". Я уже вдоль и поперек просмотрела CSS, перепробовала разные варианты, но так и не могу справиться с задачей.

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

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



CSS:



HTML:

очки

Плавающий блок слишком активно плавает

Ребята, спасайте :) Мозг взорвался и я чувствую, что туплю в чем то элементарном, но от этого ешение не находится не смотря ни на какое загугливание ... думал сформирую вопрос вам и найду, по ходу, ответ, но нет - даже в примитивном примере проблема повторяется. Вот пример:
 

<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. Вопрос снят, прошу простит за беспокойство :)