| |
 235 Кб |
|
| | не уверена, что кто-нибудь откликнется на мою просьбу...но всё же пишу о своей проблеме ..
мне нужно переместить картинку на странице html с одного места на другое , но никак не получается.
вот код странички:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="50%"> </td>
<td valign="top" width="750">
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<div style="padding:1px 0 0 0px;"><img src="images/r.gif" alt=""><a href="#">
</tr>
<div style="padding:1px 0 0 252px;"><img src="images/0.jpg" alt=""><a href="#"><img src="images/1.jpg" alt=""></a><a href="#"><img src="images/2.jpg" alt=""></a><img src="images/3.jpg" alt=""></div>
<tr>
<td valign="top" width="319"><div style="padding-left:38px; padding-top:13px; "><img src="images/about.jpg" alt=""><br />
<div class="our"><div class="text1">Гостевая</div></div>
</div></td>
<td valign="top" width="431"><div style="padding-left:10px; "><img src="images/0_4.jpg" alt=""><a href="#"><img src="images/4.jpg" alt=""></a><a href="#"><img src="images/5.jpg" alt=""></a><img src="images/6.jpg" alt=""></div>
<img src="images/top.jpg" alt="" style="padding-top:11px;"></td>
</tr>
<tr>
<td width="319" height="335" valign="top"><div class="left">
<div class="text2">
</div></td>
<td width="431" valign="top">
<table width="409" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="197" class="right" valign="top">
<div class="text"><div class="title"><img src="images/news.gif" alt="" align="middle"> Новости</div><br /><br />
<div class="day"><img src="images/day.gif" alt="" align="middle"> 17.09.05</div>
<a href="#">Новость №1</a><br />
Здесь очень хорошая новость<br /><br /><br />
<div class="day"><img src="images/day.gif" alt="" align="middle"> 17.09.05</div>
<a href="#">Новость №1</a><br />
Здесь очень хорошая новость<br /><br /><br /><div class="day"><img src="images/day.gif" alt="" align="middle"> 17.09.05</div>
<a href="#">Новость №2</a><br />
Здесь очень хорошая новость<br /><br /><br /><br>
<img src="images/day.gif" alt="" align="middle"> <a href="#">Все новости за месяц</a><br><br><br>
<td width="212" class="right" valign="top">
<div class="text"><div class="title"><img src="images/news.gif" alt="" align="middle"> Сфера деятельности компании</div><br />
ЗДесь информация.ЗДесь информация.<br /> <a href="#">Читать</a><br /><br /><br />
<div class="text"><div class="title"><img src="images/news.gif" alt="" align="middle"> История</div><br />
ЗДесь информация.ЗДесь информация.<br /> <a href="#">Читать</a><br /><br /><br />
</td>
</div>
</td>
</td>
<td width="12" valign="top"><img src="images/right.jpg" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"><img src="images/footer.jpg" alt=""></td>
</tr>
</table>
</td>
<td valign="top" width="50%"> </td>
</tr>
</table>
</body>
</html>
|
картинки в прикрепленном архиве...
также я прикрепила файл с изображением того, что должно быть. Изображение получилось корявое, простите. :( | |
| |
|
|
| |
|
|
| |
для: Ксения_954
(05.08.2007 в 22:45)
| | | Вот пример, но только для IE и NS, можете его "реставрировать" под все браузеры.
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/sitemap.htm -->
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>
</head>
<body>
<div id="s" style="position:absolute;left:50;top:50;">
<img src=spades.gif name="s">
</div>
<div id="d" style="position:absolute;left:50;top:100;">
<img src=diamonds.gif name="d">
</div>
<div id="c" style="position:absolute;left:100;top:50;">
<img src=clubs.gif name="c">
</div>
<div id="h" style="position:absolute;left:100;top:100;">
<img src=hearts.gif name="h">
</div>
</body>
|
PS. Или я вас не правильно понимаю? Может вам не перемещать надо, а просто сделать дизайн странички? | |
| |
|
|
| |
|
|
| |
для: sim5
(06.08.2007 в 01:56)
| | | да..я наверное не правильно объяснила..я не могу справиться с дизайном...(((((( | |
| |
|
|
| |
|
|
| |
для: Ксения_954
(06.08.2007 в 09:17)
| | | Ну тогда вам просто нужно выбрать одно из двух - либо вы ее хотите сверстать таблицей, либо изпользуя слои. Выбирите то, в чем вы можете разобраться. Если вы будете ее верстать таблицей, то повыбрасывайте все элементы DIV из таблицы - они у вас здесь просто лишние. Если вы их испльзуете как "оформления стилей" для шрифта, то вам ничего не мешает указать этот стиль для нужных ячеек таблицы. В настоящий же момент ваша таблица перегружена лишними элементами и вы в них просто "запутались". Верстая таблицей, помните, что так:
<tr>вставка</tr>
в таблицу вставлять нельзя. Таблица, это ячейки, в них нужно вставлять:
<tr><td>вставка</td></tr>
TR элемент, который отмечает строку ячейки(ек) таблицы.
Возьмите рисунок своей будущей страницы, разрежте его мысленно так, что бы можно было разместить его в таблице с наименьшим числом ячеек. Например, если ваши верхние рисунки: Главная, Объекты, Услуги, Контакты будут служить кнопками, то совсем не обязательно "резать" эту часть изображения на мелкие кусочки. Это может быть одним изображением, а "кнопками" будет служить карта изображения, которая и будет определять ваши ссылки.
Если у вас затруднения, то прикрепите ваше изображение, но более качественное, и попоросите помощи - как вам грамотнее, выгоднее его разрезать. По изображению столь низкого качества трудно что либо советовать. | |
| |
|
|
