вторник, 18 февраля 2014
09:36

бэкграунд, границы меню, обрезка картинок

все записи пользователя в сообществе SnezhArt
don't keep calm and fuck them all
Здравствуйте!
Начала осваивать css. Сделала макет, написала код, но никуда без багов. >< Я их уже и так, и этак, но не понимаю, как от них избавиться. тт_тт Помогите!! :beg: Буду очень признательна за помощь!!

1. самая главная ужасная проблема, не знаю откуда только она такая взялась >< , у меня что-то происходит c бэкграундами. то есть:
вместо {background: url ('КАРТИНКА') repeat fixed} после нажатия на кнопочку "сохранить" - никакого фона, никакой картинки, а в коде появляется взамен этот ужос: {background: # repeat fixed}. :horror2:

далее парочка багов в скриншотах

И еще хотелось бы совет получить, кому не жалко дать. :shuffle:

1. это не принципиально для данного диза, но хотелось бы, вдруг кто подскажет? у меня в макете предполагалось, что название днева и ник будут заглавными буквами, вот так:
превью
а получается стандартно (выше в превьюшках багов можно увидеть). а хочется заглавных. что тут можно предпринять? ))

Код прилагается:



UPD: БАГИ УБРАНЫ, СПАСИБО  Min Young-nim и  Стражница Поднебесья !!

@темы: меню, фоновые картинки, рамки и полоски

URL
Комментарии
18.02.2014 в 10:57

Стражница
В начале сотворил Бог небо...
{background: url ('КАРТИНКА') repeat fixed}
после url не должно быть пробела. Если код заменяется на #, значит ошибка в написании.

А чтобы сделать текст заглавными буквами используйте свойство {text-transform: uppercase;} для #side h1 и #authorName

По поводу остального не могу подсказать, пока дневник закрыт.
URL
18.02.2014 в 12:06

Min Young-nim
Don't try to be original, just try to be good.
3. как сделать так, чтобы всякие видео и картинки неприличного размера, выкладываемые бессовестными людьми, не знающими что такое превью, обрезались не по границе блока записей, а по границе текста/ссылок/и прочего?
Для картинок на странице избранного должно работать нечто вроде:
#JournalFavorite img {width: Xpx; height: auto;}
Вместо X нужное значение.
URL
18.02.2014 в 12:14

Min Young-nim
Don't try to be original, just try to be good.
На счёт видео... если ни у кого вариантов никаких не будет, то попробуй просто скрыть всё, что выходит за поля записи. Топорно, но что поделать.
.paragraph {overflow: hidden;}

По второму пункту нужно видеть дизайн вживую, в дневнике. Хотя предположу, что это можно убрать таким образом:
#thisDiaryInfo {border: none;}
Если не поможет, попробуй добавить !important.
URL
18.02.2014 в 13:52

SnezhArt
don't keep calm and fuck them all
Стражница Поднебесья,
все оказалось так просто, а я испугалась. а виновата опять моя невнимательность. %)
заглавные буковки получились. спасибо! *_*
дневник открыла. ибо полосочки в меню меня продолжают мучить. ><

Min Young-nim,
я сделала оверфлоу хидден и все стало чудесно. топорно, зато все ровненько обрезано. терпеть не могу, когда вылезает что-то за края. %)
а вот полосочки в меню все остаются.
причем, тут я выложила скриншот - вид с тчк зрения моих пч, когда они ко мне заходят.
я чувствую, что просто натупила где-то в менюсекшин, там бордер-топ, но где именно, не улавливаю. ><
URL
18.02.2014 в 14:32

Min Young-nim
Don't try to be original, just try to be good.
SnezhArt, ну, во-первых, ты убрала все ссылки, относящиеся к #thisDiaryLinks, по отдельности, а не сам этот блок, попробуй сейчас к нему прописать border: none.
А верхняя полоска всё-таки у #thisDiaryInfo :hmm:
URL
18.02.2014 в 14:33

Min Young-nim
Don't try to be original, just try to be good.
SnezhArt, это штоооо? х))
#thisDiaryInfo {border: none; important!}
Вот так должно быть:
#thisDiaryInfo {border: none!important;}
URL
18.02.2014 в 14:41

SnezhArt
don't keep calm and fuck them all
Min Young-nim, черт! прастииии! это конец рабочего дня! не знаю, то ли плакать, то ли смеяться. %))
полосочка над аватаром исчезла, йей! теперь надо уменьшить там отступ. %)
URL
18.02.2014 в 14:47

Min Young-nim
Don't try to be original, just try to be good.
SnezhArt, теперь надо уменьшить там отступ. %)
Над или под?)
URL
18.02.2014 в 14:48

Psychotherapy
ретроградный оптимист
Min Young-nim, все! полосочки меню исчезли! спасибо! :kiss:
будет мне урок на будущее. х))
URL
18.02.2014 в 14:50

SnezhArt
don't keep calm and fuck them all
Min Young-nim, отправила коммент с аккаунта соо. точно сегодня пора завязывать. %)
отступы поправила. сейчас вроде все гуд смотрится. посмотри еще раз, зайди ко мне, просто как со стороны смотрится. плиз. ))
URL
18.02.2014 в 14:53

Min Young-nim
Don't try to be original, just try to be good.
SnezhArt, всё норм х)
Если что, отступы можно было убрать, добавив padding: 0!important; к #thisDiaryInfo.
URL
18.02.2014 в 14:58

SnezhArt
don't keep calm and fuck them all
Min Young-nim, на будущее запомню. ^^ в этом уже пока ничего не буду трогать, я итак навозилась, хотя диз легкий. %)
кстати, а ты как проверяешь вид диза в разных браузерах? а то я разные разрешения посмотрела, все хорошо, а вот в браузерах... загадка пока. ))
URL
18.02.2014 в 15:02

Min Young-nim
Don't try to be original, just try to be good.
SnezhArt, у меня просто стоят последние версии популярных браузеров. Лиса, Опера, Хром, Сафари, ну и IE, конечно. Раньше был специальный сервис, он прекрасно работал и без оплаты услуг, а теперь бесплатный аккаунт ждёт скриншотов вечность.
URL
18.02.2014 в 15:08

SnezhArt
don't keep calm and fuck them all
Min Young-nim, оу. ну я сегодня дома посмотрю в сафари (я пользую его на макбуке), а вот лису и оперу придется видимо устанавливать. но все равно пригодится. ))
URL
19.02.2014 в 11:19

Стражница
В начале сотворил Бог небо...
В мозилле, опере, хроме я багов не обнаружила, так держать =)
URL
19.02.2014 в 11:35

SnezhArt
don't keep calm and fuck them all
URL