Нужна помощь

Глупый · December 22, 2008

вопрос жизни и смерти

задали в универе до завтра или зачёта не получу

как делать парни вот это

1 задание

надо сделать в CSS

нужен любой текст с инета с главыми

и чтоб они друг на друга ссылались

типо нажимаешь на "вниз" тебя в низ отправляет типо по ссылке

и подобная фигня

задание 2

любую картинку замутить, типо ёлочки

нажимаешь на неё, выкидывает на гугл

ну там рамки, текст надо сделать вокруг

задание 3

картинка разбитая на квадратики

некоторые квадратики должны быть зелёные, синии и т.д.

и 4ое задание

все эти 3 задания запихнут в однутаблицу

Павел Билькис · December 22, 2008

спам?... ох, чувствует мое сердце что мне дадут банан а стуки...

kalyaka-malyaka · December 22, 2008

задание 3
картинка разбитая на квадратики
некоторые квадратики должны быть зелёные, синии и т.д.

вот это не понятно. одна картинка из квадратиков? это задание фотошопное? если на знание css, то сформулируй точнее.

rus · December 22, 2008

Приблизительно будет так (на скорую руку):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
</head>
<body>
<table width="100%" border="1px">
  <tr>
    <td style="width:20%" border="1px"><h1>Задание №1</h1></td>
    <td  style="width:80%" border="1px">
    <p><a href="#bottom">Вниз</a></p>
    <p><a name="top"></a>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Utenim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p><a ame="bottom"></a></p>
<p><a href="#top">Наверх</a></p>
</td>
  </tr>
  <tr>
    <td style="width:20%" border="1px"><h1>Задание №2</h1></td>
    <td  style="width:80%" border="1px">
    <div style="width:20%; float:left;"><a href="http://www.google.ru"><img src="kartinka1.jpg" border="5px" width="150" height="150" alt="Картинка"/></a></div>
    <div style="width:60%px; float:right; margin:5px;"><p align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
    </td>
  </tr>
  <tr>
    <td style="width:20%" border="1px"><h1>Задание №3</h1></td>
    <td  style="width:80%" border="1px"><img src="kartinka2.jpg" border="5px" width="500" height="400" usemap="#Map" /></td>
  </tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="245,232,494,387" href="http://aport.ru/" alt="Квадратик четвертый ссылка на аппорт" />
<area shape="rect" coords="10,235,230,396" href="http://rambler.ru/" alt="Квадратик третий ссылка на рамблер" />
<area shape="rect" coords="241,4,490,226" href="http://yandex.ru" alt="Квадратик второй ссылка на яндекс" />
<area shape="rect" coords="8,5,230,230" href="http://www.google.ru/" alt="Квадратик первая ссылка на гугл" />
</map>
</body>
</html>

Только где ссылки вниз и вверх нужно много (больше того что есть) текста чтоб работало все!

Edited December 22, 2008 by rus

Глупый · December 22, 2008

это не спам, большое спасибо

принцип работы вроде понял, хотя вообще в этом не соображаю

если что ещё обращусь

нее, всё таки я глупые

вот что надо точно сделать по первому заданию

вот как должно это выглядить

http://s61.radikal.ru/i172/0812/9d/8ec0d13e7973.jpg

Edited December 22, 2008 by Глупый

Dimitry Wolotko · December 22, 2008

Якорями обычными и не парится.

rus · December 22, 2008

это не спам, большое спасибо
принцип работы вроде понял, хотя вообще в этом не соображаю
если что ещё обращусь
нее, всё таки я глупые
вот что надо точно сделать по первому заданию
вот как должно это выглядить
http://s61.radikal.ru/i172/0812/9d/8ec0d13e7973.jpg

Я тебе код привел, только остается побольше текста, ну и заголовки поставь где надо

Глупый · December 22, 2008

rus

спасибо большое, со всем разобрался и сделал всё

Sign In

Нужна помощь

Recommended Posts

Глупый

Link to comment

Share on other sites

Павел Билькис

Link to comment

Share on other sites

kalyaka-malyaka

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Глупый

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Глупый

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information