VPF::Div - Форум программистов

recruit

Дата 27.1.2006, 19:54 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 65
Регистрация: 5.11.2005

Репутация: нет
Всего: нет

Здраствуйте, не подскажете мне одну вещь.
Мне дали задание разбить картинку в формате psd
я разбил её в ImageReady в виде таблицы, мне надо сделать тоже само только не в виде таблицы, а с помощью Div (это делается тоже в ImageReady или нет?) , например вот так мне надо сделать

Код


<div id="b">
        <div id="head">
            <div id="logo"><a href="#"><img src="images/logo.gif" width="168" height="137" border="0"></a></div>
            <div id="tmenu">
                <div id="serv">
                    <a href="#"><span id="s1"><div><b>Wallpaper</b><br>more than <br>10000 <br>pictures</div></span></a>
                    <a href="#"><span id="s2"><div><b>Postcard</b><br>more than <br>10000 <br>pictures</div></span></a>
                    <a href="#"><span id="s3"><div><b>Poster</b><br>more than <br>10000 <br>pictures</div></span></a>
                    <a href="#"><span id="s4"><div><b>High resolution<br>photo</b><br>more than 10000 <br>pictures</div></span></a>
                </div>
                <div id="tm_r1">
                    <div><a href="#">About us</a></div>
                    <div><a href="#">Testimonials</a></div>
                    <div><a href="#">For photografs</a></div>
                    <div><a href="#">For customers</a></div>
                    <div><a href="#">Contact us</a></div>
                    <div><a href="#">Photoforum</a></div>
                </div>
                <div id="tm_r2">
                    <div><a href="#">News</a></div>
                    <div><a href="#">News Photoforum</a></div>
                </div>
                <div id="tm_r3">
                    <div><a href="#">Photoforum</a></div>
                </div>
            </div>
        </div>

и файл CSS

Код


#logo {float:left; width:194px; text-align:right}
#tmenu    {float:left; height:137px}
#serv div{float:left}
#serv {height:71px}
#serv a{width:198px; height:68px;color:#FFFFFF;    cursor:pointer;    text-decoration:none}
#serv span{    width:198px; height:68px;float:left;margin:1px;text-align:right;}
#serv b{font-size:12px}
#serv  div{margin:5px 2px 5px 0; float:right}
#serv    #s1 {background:#98DAFD url(images/ser1_1.gif) no-repeat left;color:#4072A5;}
#serv    #s2 {background:#4072A5 url(images/ser2_1.gif) no-repeat left;}
#serv    #s3 {background:#79B621 url(images/ser3_1.gif) no-repeat left;}
#serv    #s4 {background:#FBB60F url(images/ser4_1.gif) no-repeat left;}

это CSS2?

или может у кого есть ссылки на литературу где об этом можно почитать.
Спасибо.

Guedda

Дата 27.1.2006, 22:59 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78

Да... Это тоже делается в ImageReady.
Так в чем собственно вопрос?*

--------------------

Ll 2

recruit

Дата 28.1.2006, 14:00 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 65
Регистрация: 5.11.2005

Репутация: нет
Всего: нет

а как это делается в ImageReady?

R.M.

Дата 28.1.2006, 15:42 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

recruit
Как это делается в ImageReady спроси здесь

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »