|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
26.01.2010, 05:48 | #1 |
Пользователь
Регистрация: 13.01.2010
Сообщений: 77
|
Не могу разобраться с картинками
Добрый день! У меня есть 5 нарезанных картинок(см. вложение), все их надо разместить друг с другом, чтобы получилась цельная картинка. Дело в том, что ширина трех основных суммарно равна 1 100 px, и ещё нужно присоединить к ним справа и слева по картинке шириной каждая по 70 px, т.е. суммарно получается 1 240 рх. Вроде должно всё входить на монитор, но у меня не входит, т.е. такое чувство будто ширина получается не 1 240 рх, а больше и соответственно поэтому не входит...
Код HTML:
[CODE] <div id="leftside"> </div> <div id="part1"> </div> <div id="part2"> </div> <div id="part3"> </div> <div id="rightside"> </div>[/CODE] Код:
|
26.01.2010, 06:10 | #2 |
Пользователь
Регистрация: 13.01.2010
Сообщений: 77
|
Вопрос тоже в тему - как делать такое: есть центральная картинка, слева и справа у нее есть разные продолжения. Надеюсь понятно объяснила По картинкам думаю будет более понятно.
|
26.01.2010, 11:12 | #3 |
Пользователь
Регистрация: 11.11.2009
Сообщений: 66
|
Во-первых, у тебя для body стоит падинг в 10 пикселей, соответственно ширина уменьшается уже на 20 пикселей. Во-вторых, 1240 это ширина без скролл-бара, надо учитывать что если он появится - ширина уменьшится.
Надо все таки учитывать что есть мониторы 17-дюймовые и меньше. Второй вопрос непонятен. Что с картинками сделать надо ? |
26.01.2010, 12:32 | #4 |
Пользователь
Регистрация: 13.01.2010
Сообщений: 77
|
Спасибо, у body я проставила padding : 0px.
На счёт второго вопроса: Есть картинка(та которая самая большая), она должна помещаться в подвале страницы посередине. Она как видно не равномерно залитая, а как градиент, соответственно слева и справа у нее разные цвета. Есть две маленьких полосочки(разного цвете), одна-для того, чтобы футер продолжить влево, другая - вправо(если монитор 17 дюймов и дальше). Не знаю как это сделать. Вот в общем. |
26.01.2010, 13:56 | #5 |
Пользователь
Регистрация: 11.11.2009
Сообщений: 66
|
отрезать левый и правый кусочек от большой картинки, и отдельно их "растягивать". А середина останется с большой картинкой.
|
26.01.2010, 18:26 | #6 |
Студент, не
Старожил
Регистрация: 29.01.2009
Сообщений: 2,067
|
На скриншоте фиолетовый край не с той стороны... :3
Насчёт растягивания краёв - не думаю что получится хорошо, почему б всю картинку не растягивать равномерно? И зачем её вообще нужно было разрезать? о_О
I am the First of Cyber Evolution...
I am the First to Program your Future... |
29.01.2010, 05:16 | #7 |
Пользователь
Регистрация: 13.01.2010
Сообщений: 77
|
Смотрите, у меня должен быть подвал в виде градиентной полоски. Можно было бы конечно ничего не разрезать, так её поместить в подвал и всё. Но что, если экран больше 15 дюймов? Нужно чтобы он растягивался в обе стороны соответственно.(см. вложение) Так как подвал градиентный(т.е. не одного цвета), то соответственно продолжения вправо и влево будут разными(влево фиолетовый, вправо-желтый). Вот как это реализовать? т.е. центральная картинка не повторяется, а вот слева и справа линии будут повторяться по х.
|
29.01.2010, 08:30 | #8 | |
Студент, не
Старожил
Регистрация: 29.01.2009
Сообщений: 2,067
|
Цитата:
Мне просто кажется, что лучше всю изображению масштабировать... А так как вы хотите можно просто таблицей сделать, даже почти без css... Код HTML:
<html> <head> <title>title</title> </head> <body style="margin: 0px;"> <table width="100%" height="500" cellspacing="0" cellpadding="0"> <tr width="100%"> <td><img src="left.jpg" width="100%" height="500"></td> <td width="1100"><img src="center.jpg" width="1100" height="500"></td> <td><img src="right.jpg" width="100%" height="500"></td> </tr> </table> </body> </html>
I am the First of Cyber Evolution...
I am the First to Program your Future... |
|
29.01.2010, 10:35 | #9 |
Пользователь
Регистрация: 11.11.2009
Сообщений: 66
|
Можно просто отрезать правый и левый кусок в ширину по одному пикселю и повторять его
Код:
|
29.01.2010, 11:08 | #10 |
Пользователь
Регистрация: 13.01.2010
Сообщений: 77
|
DomiNick, а в дивах не подскажете?
cooperOk, выше есть сообщение где я выложила и сам подвал и полоски по 1 пикселю. Не могли бы вы привести код уже со всеми тремя картинками? |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
не могу разобраться | Var17 | Общие вопросы Delphi | 6 | 27.03.2010 01:21 |
Не могу разобраться | Zmaxer | Помощь студентам | 24 | 10.10.2009 18:52 |
не могу разобраться | Инспектор ГУЛ | Свободное общение | 7 | 20.09.2009 09:29 |