Прежде, чем говорить, что все плохо, подумай, что Ты сделал для того, чтобы все было хорошо
Простите, что к вам с такой просьбой.. все сделала, как уже было описано в разных темах здесь
В 7 эксплорере - все хорошо смотрится, все на своих местах, в Мозилле и Опере нашла ошибку, теперь тоже ничего не расползается)
Но в 6 эксплорере.... вверху и низу картинки.. странно наложились или разъехались..
А должно быть:
Я понимаю, что 6 эксплорер не есть гуд, но можно ли сделать так, что диз не расползался по швам и в 6 ?)
Использованный код:
#extratop {background: url('/userdir/3/8/3/0/383036/19878307.jpg') 0 0 no-repeat; width: 1000px; height:423px; clear:both; margin:-10px; margin-left:-100px; }
#extrabottom {background: url('/userdir/3/8/3/0/383036/19878695.jpg') 0 0 no-repeat; width: 1000px; height:141px; clear:both; margin:-10px; margin-left:-100px; }
И еще один вопрос.. можно ли сделать так, что бы на нижнюю картинку накладывался текст? На какое-то.. заданное расстояние (что бы уменьшить этот большой отступ внизу, но не полностью убрать его)
И 3 вопрос) Сейчас что бы картинка стала.. "целой" это сделано довольно... топорно..). Верхняя и нижняя картинки - просто наложены на фон, который составляет боковины, по всей длине дневника, в том числе и под картинками
Можно ли как-либо сделать так, что бы этот фон начинался сразу после верхней картинки и заканчивался до нижней?)
UPD: 4.)) Совсем глупый вопрос, но ответа на него так и не нашла, может быть что-то не правильно делаю..
Можно ли сдвинуть Название дневника, фотографию и имя - вправо?) Пробовала разные способы, в итоге сдвинулось только название дневника, а картинка и имя автора, остались в центре, хотя у имени и стоит код, который стоит чуть выше у названия дневника
#authorName {font-color: #4a5d50; font-weight: bold; font-size: 15px; text-align: right;}
Заранее спасибо))
В 7 эксплорере - все хорошо смотрится, все на своих местах, в Мозилле и Опере нашла ошибку, теперь тоже ничего не расползается)
Но в 6 эксплорере.... вверху и низу картинки.. странно наложились или разъехались..

А должно быть:

Я понимаю, что 6 эксплорер не есть гуд, но можно ли сделать так, что диз не расползался по швам и в 6 ?)
Использованный код:
#extratop {background: url('/userdir/3/8/3/0/383036/19878307.jpg') 0 0 no-repeat; width: 1000px; height:423px; clear:both; margin:-10px; margin-left:-100px; }
#extrabottom {background: url('/userdir/3/8/3/0/383036/19878695.jpg') 0 0 no-repeat; width: 1000px; height:141px; clear:both; margin:-10px; margin-left:-100px; }
И еще один вопрос.. можно ли сделать так, что бы на нижнюю картинку накладывался текст? На какое-то.. заданное расстояние (что бы уменьшить этот большой отступ внизу, но не полностью убрать его)
И 3 вопрос) Сейчас что бы картинка стала.. "целой" это сделано довольно... топорно..). Верхняя и нижняя картинки - просто наложены на фон, который составляет боковины, по всей длине дневника, в том числе и под картинками
Можно ли как-либо сделать так, что бы этот фон начинался сразу после верхней картинки и заканчивался до нижней?)
UPD: 4.)) Совсем глупый вопрос, но ответа на него так и не нашла, может быть что-то не правильно делаю..
Можно ли сдвинуть Название дневника, фотографию и имя - вправо?) Пробовала разные способы, в итоге сдвинулось только название дневника, а картинка и имя автора, остались в центре, хотя у имени и стоит код, который стоит чуть выше у названия дневника
#authorName {font-color: #4a5d50; font-weight: bold; font-size: 15px; text-align: right;}
Заранее спасибо))
работает это так:
#extratop {
background: url('/userdir/3/8/3/0/383036/19878307.jpg') 0 0 no-repeat !important;
background: url('/userdir/3/8/3/0/383036/19878308.jpg') 2px 3px no-repeat;
width: 1000px; height:423px; clear:both; margin:-10px; margin-left:-100px; }
дело в том что все нормальные (не IE6) браузеры увидев !important фиксируют значение и больше его не меняют.
а IE его игнорирует и все равно меняет.
т.е. в опере например будет
background: url('/userdir/3/8/3/0/383036/19878307.jpg') 0 0 no-repeat
а в IE будет
background: url('/userdir/3/8/3/0/383036/19878308.jpg') 2px 3px no-repeat
2. наложить текст на #extrabottom?
попробуйте поднять его вверх вот так:
#extrabottom {position:relative; top:-100px; z-index:-1;}
если не сработает - пните меня в понедельник - подумаю еще )) сейчас я дома и мне лень думать )
3. И 3 вопрос) Сейчас что бы картинка стала.. "целой" это сделано довольно... топорно..)
Не беспокойтесь ) Это стандартный прием в веб-дизайне. Так и надо было делать.
4. Про это тоже в пн - ладно? )