|
3 дива на одной линии, вопрос по версткеОбсуждение темы 3 дива на одной линии, вопрос по верстке в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здрасти! Снова я В общем, немного отклонясь от темы, попросил сразу бы писать кто такой умный понижает репу за то, что "надо писать ... |
|
Опции темы |
30.03.2009, 23:00 | #1 |
|
Здрасти! Снова я
В общем, немного отклонясь от темы, попросил сразу бы писать кто такой умный понижает репу за то, что "надо писать не КСС, а CSS", Для особо одаренных и шибко шарящих в англ. личностей скажу вам, что КСС было написанно по-русски, а тк слог закрыт CSS читается именно как КСС, а не ЦСС, и что вас тут не устроило, господа гениальные? Ну да ладно это был риторический вопрос, вернемся к моей проблеме. Проблема такая, чтобы понять лучше надо глянуть скрин а потом описание к нему, скрин: http://i041.radikal.ru/0903/d6/4948c7a31eb4.jpg Так вот.. центральная картинка(номер 2), которая почему-то отображается на 10% своей высоты является элементом BODY с таким КСС(тому, кто понизил репу на зло) кодом: Код HTML:
background-image: url('/mmoworld2/hmid.png'); background-repeat: no-repeat; background-position: center top; margin: 0px 10px 10px 10px; padding: 0px; Код HTML:
<div style="background-image: url('/mmoworld2/hleft.png'); background-repeat: no-repeat;width: 329px; height: 340px; float: left;"></div> <div style="background-image: url('/mmoworld2/hright.png'); background-repeat: no-repeat;width: 393px; height: 336px; float: right;"></div> Помогите решить проблему, заранее спасибо Добавлено через 1 минуту Туда кстати еще какой-то текст заехал "Показать объявление" Последний раз редактировалось MarShall; 30.03.2009 в 23:00.. Причина: Добавлено сообщение |
|
30.03.2009, 23:29 | #2 |
|
Господи боже мои! А если вы такой умный и знающий английский язык, может бросите вы этот веб дизайн? В переводчики не хотите? Фраза - там еще и текст какой-то заехал убила
|
|
30.03.2009, 23:40 | #3 |
|
Ну не пишите тогда, раз не знаете, да еще и мертвы .. Толку от вас то
Добавлено через 2 минуты Я в школе учился, если вы нет, то мне жаль. Флудить из-за этого не стоит. Добавлено через 2 минуты Я им и не занимаюсь, просто имею сайт, посещаемость которого не менее, чем тут.. А пользователям дизайн новый обещал, коммерческие работы не делаю, неужели думаете, что мне хватит наглости брать за мой горе-дизайн деньги? Последний раз редактировалось MarShall; 30.03.2009 в 23:41.. Причина: Добавлено сообщение |
|
30.03.2009, 23:50 | #4 |
|
А теперь по делу: к левому диву пишите такой стиль float:left; width:auto; background-position:left; background-repeat:no-repeat центральный див сделайте шириной и высотой с центральную картинку и эту картинку просто положите туда с выравниванием по середине. К правому диву все тоже самое что и к левому только вместо left right должно работать
Добавлено через 6 минут MarShall, я долго писал вторую часть своего ответа, знаете хваленый билайн 3г интернет. На самом деле полное г. Просто могли и не вые а просто написать css, никто не виноват если вам лень раскладку клавиатуры переключить. И, кстати, доведу до вашего сведения - мы тут все в школе учились Добавлено через 1 минуту Забыл совсем, высота у боковых дивов должна быть такая же как и у центральной картинки Последний раз редактировалось sokol666; 30.03.2009 в 23:50.. Причина: Добавлено сообщение |
|
30.03.2009, 23:52 | #5 | |
|
Цитата:
Вот Вам простые примеры Последний раз редактировалось Niemans; 31.03.2009 в 00:00.. |
|
|
31.03.2009, 00:00 | #6 |
|
И что бы у вас в центральная картинка была полностью видна, попробуйте пропишите диву высоту равную высоте картинки.
Хм интересно. Если у вас большая популярность, зачем адрес скрывать? Или все-таки стоит опустить гордо задраный нос? |
|
31.03.2009, 00:14 | #7 |
|
MarShall, Cascaded Style Sheets (CSS) - это аббривеатура.
Минус в карму вам поставил не я, хотя мог бы. Вы вкурсе, что аббривеатуры переводятся не по звучанию? Каскадные Таблицы Стилей. Если хотите блеснуть идиотским знанием английского, то переводите CSS как КТС. (или КСТ, чтобы сохранить порядок слов) Так хотябы правильно... Какой нахуй слог, когда в аббривеатуре буквы читаются отдельно друг от друга??? А по делу... Ну простите, но я немного сорвусь. Ну почему, вы, вопрошающие, считаете нас телепатами??? Ну нехочу я за вами додумывать. нехочу думать, что вы там не сказали. Ну есть же у вас наверняка сайт на народе, или юкозе или может и на платном хостинге. Ну выложите вы на него вашу страницу и дайте на неё ссылку - ответ получите исчерпывающий в течении часа. Любой профи тут вам поможет сходу. А вот пялиться на разрозненные куски кода тут никто не будет и скриншот тут нах никому не нужен. Если проблемма в определённом браузере, то дайте его название. У всех профи комплект браузеров на все случаи жизни - скриншоты не нужны - нужна страница выложенная!!! |
|
31.03.2009, 02:02 | #8 |
|
Makarenya,
Код я вам полностью дал. Не скрываю http://mmoworld.info/ Добавлено через 22 секунды Проверю завтро, что посоветовали, спасибо за ответы. Последний раз редактировалось MarShall; 31.03.2009 в 02:02.. Причина: Добавлено сообщение |
|
31.03.2009, 10:54 | #9 |
|
Код:
body, div{margin:0px; padding:0px} div.aHdr{ background-repeat: no-repeat; position:absolute; left:0px; top:0px; width:100%; height:Xpx; // тут указываем высоту самой высокой картинки } div#dHdr{ background-repeat: no-repeat; background-position:center top; width:100%; height:Xpx; // тут указываем высоту самой высокой картинки } Код HTML:
<div class="aHdr" style="background-image:url('левая.png'); background-position:left top"></div> <div class="aHdr" style="background-image:url('правая.png'); background-position:right top"></div> <div id="dHdr" style="background-image:url('центральная.png');"> А тут пишешь все, что угодно - будет в соответствии с описанием #Hdr </div> Код HTML:
<div class="aHdr" style="background-image:url('левая.png'); background-position:left top"></div> <div class="aHdr" style="background-image:url('правая.png'); background-position:right top"></div> <div class="aHdr" style="background-image:url('центральная.png'); background-position:center top"></div> Далее идет собственно сама верстка начинается от левого-верхнего угла тела документа Добавлено через 12 минут ЗЫ. При втором способе ток нужно шапочной части задать фон прозрачный, чтобы не перекрывало =) (эт так, на всякий случай) и помимо прочего так можно создавать не тока шапку, но и делать фон из рисунка, который распространяется и на тело основной части сайта (если задать высоту дивов + высота картинок больше, чем высота шапки)... Последний раз редактировалось zuart; 31.03.2009 в 10:55.. Причина: Добавлено сообщение |
|
Этот пользователь сказал спасибо zuart за это полезное сообщение: | MarShall (31.03.2009) |
31.03.2009, 12:12 | #10 |
|
MarShall, мы наверное так и недопоняли друг друга. Я же сказал - страничку, на которой присутствует проблема нужно выложить на хостинг. А тут дать на неё ссылку. Так чтоб заходишь и видишь: проблема!!! Ещё лучше дополнительно указать браузер, и суть ошибки.
То есть 3 вещи: ссылка, браузер (или браузеры, где проявляется), суть проблемы. Вот при постановке вопроса именно таким способом и будут вам максимально быстрые и точные ответы. Последний раз редактировалось kost; 01.04.2009 в 13:36.. |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Вопрос по верстке на странице | Ni_Splinter | HTML, CSS, JavaScript | 5 | 19.04.2012 22:01 |
Вопрос по верстке | Niemans | Кальянная | 9 | 10.05.2010 23:11 |
Вопрос по верстке | Niemans | HTML, CSS, JavaScript | 108 | 07.05.2010 17:09 |
Вопрос по CSS верстке | localhost | HTML, CSS, JavaScript | 4 | 26.03.2009 18:47 |
Вопрос по верстке | sanchez911 | HTML, CSS, JavaScript | 2 | 01.03.2006 21:21 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|