Ознакомьтесь с нашей политикой обработки персональных данных
09:36 

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

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

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

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

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

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

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



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

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

Комментарии
2014-02-18 в 10:57 

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

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

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

2014-02-18 в 12:06 

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

2014-02-18 в 12:14 

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

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

2014-02-18 в 13:52 

SnezhArt
ретроградный оптимист
Стражница Поднебесья,
все оказалось так просто, а я испугалась. а виновата опять моя невнимательность. %)
заглавные буковки получились. спасибо! *_*
дневник открыла. ибо полосочки в меню меня продолжают мучить. ><

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

2014-02-18 в 14:32 

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

2014-02-18 в 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;}

2014-02-18 в 14:41 

SnezhArt
ретроградный оптимист
Min Young-nim, черт! прастииии! это конец рабочего дня! не знаю, то ли плакать, то ли смеяться. %))
полосочка над аватаром исчезла, йей! теперь надо уменьшить там отступ. %)

2014-02-18 в 14:47 

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

2014-02-18 в 14:48 

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

2014-02-18 в 14:50 

SnezhArt
ретроградный оптимист
Min Young-nim, отправила коммент с аккаунта соо. точно сегодня пора завязывать. %)
отступы поправила. сейчас вроде все гуд смотрится. посмотри еще раз, зайди ко мне, просто как со стороны смотрится. плиз. ))

2014-02-18 в 14:53 

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

2014-02-18 в 14:58 

SnezhArt
ретроградный оптимист
Min Young-nim, на будущее запомню. ^^ в этом уже пока ничего не буду трогать, я итак навозилась, хотя диз легкий. %)
кстати, а ты как проверяешь вид диза в разных браузерах? а то я разные разрешения посмотрела, все хорошо, а вот в браузерах... загадка пока. ))

2014-02-18 в 15:02 

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

2014-02-18 в 15:08 

SnezhArt
ретроградный оптимист
Min Young-nim, оу. ну я сегодня дома посмотрю в сафари (я пользую его на макбуке), а вот лису и оперу придется видимо устанавливать. но все равно пригодится. ))

2014-02-19 в 11:19 

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

2014-02-19 в 11:35 

SnezhArt
ретроградный оптимист
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@CSS — стилизация дневников

главная