как сделать ссылку на корневую папку на всей фоновой картинке на сайте

@Musa_liga · Регистрация: 11.08.2011

Студворк — интернет-сервис помощи студентам

Я далек от web программирования, но пока приходится сайт вести самому...
Подскажите, как сделать ссылку на корневую папку на всей фоновой картинке на сайте:

HTML5
1
2
3
4
5
</tr>
  <tr>
    <td height="154"style="background:url(im/header2.jpg) right no-repeat #000000"></td>
  </tr>
  <tr>

ссылка:

HTML5
1
<a href="index.html"></a>

По разному пробовал не получается.

@DuxGeneral · 11.08.2011, 10:30

картинка делаеться ссылкой так:

HTML5
1
<a href="index.html"><img src="im/header2.jpg" border="0"></a>

Параметр border="0" убирает рамку вокруг картинки, которая автоматом появляеться в Експлорере

@Musa_liga · 11.08.2011, 14:12 **[ТС]**

Все получилось, Спасибонище!!!

Добавлено через 1 час 19 минут
Теперь новый нюанс - как с позиционировать картинку справа и залить фон черным (было раньше)?

@nightgremlin · 11.08.2011, 14:40

HTML5
1
2
3
4
5
6
7
8
9
10
11
<style type="text/css">
  #fon{background:#/*цвет фона*/} 
  </style>
 </head>
<div id=fon>
....
.....
<a href="index.html"><img src="im/header2.jpg" border="0" align="right"></a>
.....
.....
</div>

@Musa_liga · 11.08.2011, 14:56 **[ТС]**

не получается align="right" - в этом случае нижняя строчка сдвигается наверх "под картинку"

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
 <tr>
<a href="index.html"><img src="im/header2.jpg" border="0"></a>
  </tr>
  <tr>
    <td height="80" style="background:url(im/newsbg.gif)">{{news}}</td>
  </tr>
  <tr>
    <td height="44">
{{topmenu}}
 
    
    </td>

@nightgremlin · 12.08.2011, 09:18

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 <style type="text/css">
 #fon{background:#/*цвет фона*/}    
#pic {
    float: left; /* Обтекание картинки текстом */
   }
   #text {
    margin-right: ....px; /* Отступ от правого края ваше значение*/
   }
  </style>
 </head>
 <body> 
<div id="fon">  
<div id="pic">
   <a href="index.html"><img src="im/header2.jpg" border="0"></a>
  </div>
  <div id="text">
   <p>........
........</p> /* ваш текст или что там у вас */
  </div>
</div>

таблицу стилей лучше в отдельный файл скинуть

@Musa_liga · 12.08.2011, 10:10 **[ТС]**

Че то ничего не выходит...
Это уже за рамками моих знаний...

Вод код страницы:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>[*pagetitle*]</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
                color: #76716a;
                font-family:Tahoma;
}
-->
</style></head>
 
<body>
<div style="position:absolute;right:70px;top:300px"><img src="im/roza_1.png" border="0"></div>
<td><div style="font-size:25px;position:absolute;right:120px;top:650px">Наши друзья: </div></td>
<td><img src="im/ahtari_logo_2.png" style="position:absolute;right:50px;top:750px"</td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="3" bgcolor="#434343"></td>
      </tr>
           <tr>
        <td height="3" bgcolor="#434343"></td>
      </tr>
    </table></td>
  </tr>
</tr>
  <tr>
    <td height="154"style="background:url(im/header2.jpg) right no-repeat #000000"></td>
  </tr>
<tr>
    <td height="80" style="background:url(im/newsbg.gif)">{{news}}</td>
  </tr>
  <tr>
    <td height="44">
{{topmenu}} 
    </td>
  </tr>
  <tr>
    <td height="" style="background: #000000"><center><div style="width:592px;text-align:justify">[*content*]</div></center></td>
  </tr>
  <tr>
    <td height="330" style="background:url(im/footer2.jpg) bottom left no-repeat #000000;vertical-align:bottom">
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<img align=right src='//counter.yadro.ru/hit?t39.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'>")
//--></script><!--/LiveInternet-->
</td>
  </tr>
</table>
</body>
</html>

Сайт www.service-lr.ru
Верхняя картинка без ссылки, сориентирована справа. Ниже - меню.
Хочется, чтоб все было также, но со ссылкой на всей картинке...

@nightgremlin · 12.08.2011, 12:57

У меня тоже сайт на табличной верстке, сейчас переделываю на блочную в html5. Улучшаю дизайн и всё остальное. Советую учи блочную верстку, хотя таблицами проще верстать. Короче помести ссылку с картинкой в таблицу, а таблицу спозиционируй и будет тебе счастье

@Musa_liga · 12.08.2011, 13:03 **[ТС]**

@nightgremlin · 12.08.2011, 13:17

Я вообще в шоке от твоего кода))) ... Меню таблицами верстать - это же не наш метод
css+html = menu или css+html+JS=menu, ну ни как

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<td width="6" background="im/b.png">&nbsp;</td>
<td style="text-align: center;" width="140"><a href="service.html"><span style="font-size: 140%; color: #ffffff;">Сервис</span></a></td>
<td style="text-align: center;" width="6" background="im/b.png">&nbsp;</td>
<td style="text-align: center;" width="140"><a href="auto-parts.html"><span style="font-size: 140%; color: #ffffff;">Запчасти</span></a></td>
<td style="text-align: center;" width="6" background="im/b.png"><a href="uslugi.html">&nbsp;</a></td>
<td style="text-align: center;" width="140"><a href="uslugi.html"><span style="font-size: 140%; color: #ffffff;">Услуги</span></a></td>
<td style="text-align: center;" width="6" background="im/b.png">&nbsp;</td>
<td style="text-align: center;" width="140"><a href="avtomobili.html"><span style="font-size: 140%; color: #ffffff;">Автомобили</span></a></td>
<td style="text-align: center;" width="6" background="im/b.png">&nbsp;</td>
<td style="text-align: center;" width="140"><a href="contacts.html"><span style="font-size: 140%; color: #ffffff;">Контакты</span></a></td>
 
<td style="text-align: center;" width="6" background="im/b.png">&nbsp;</td>
<td style="text-align: center;" width="140"><a href="http://lr-club.ucoz.ru/forum"><span style="font-size: 140%; color: #ffffff;">Форум</span></a></td>
<td width="6" background="im/b.png">&nbsp;</td>

Я вот свой сайт переверстаю через 1-2 недели посмотришь как будет выглядеть.

Добавлено через 8 минут
Не зачем так убиваться я первый раз когда верстал вообще сайтом трудно было назвать, а ещё яркий голубой фон вообще всех убивал наповал. Да и сейчас фон многих пугает)))

@Musa_liga · 12.08.2011, 13:37 **[ТС]**

Дело в том, что вообще не в этой теме - я занимался всегда продажами авто, сервисом, экономикой и пр. Сейчас открыл свое дело, но из-за отсутствия в этот период лавэ - приходится все делать самому. Сайт сверстал знакомый знакомого, но теперь он не может... Я вношу кое-как изменения... допираю до чего-то сам... Но так, чтоб учить все это... не радует... Думал пара пустяков на картинку сделать ссылку - внутри сайта сделал на рекламках - а вот с топом не получается... ни так ни сяк...
Меню, конечно через ж... но кое как работает...

@nightgremlin · 12.08.2011, 13:38

HTML5
1
2
3
<tr>
    <td height="154"style="background:url(im/header2.jpg) right no-repeat #000000"></td>
  </tr>

- это вы хотите сделать ссылкой?

@Musa_liga · 12.08.2011, 13:57 **[ТС]**

Да....

@nightgremlin · 12.08.2011, 14:32

HTML5
1
2
3
4
5
</tr>
  <tr>
    <td height="154"style="background:url(im/header2.jpg) right no-repeat #000000"><a href="index.html"></a></td>
  </tr>
  <tr>

так не пробовали

@Musa_liga · 12.08.2011, 18:09 **[ТС]**

пробовал... не работает... ссылки нет

@nightgremlin · 15.08.2011, 08:25

HTML5
1
2
3
4
5
</tr>
  <tr>
    <td style="background-color:#000000"><a href="index.html"><img scr="im/header2.jpg" height="154" width="100%" alt=""></a></td>
  </tr>
  <tr>

а так пробовали (должно получиться)?

@Musa_liga · 15.08.2011, 08:32 **[ТС]**

Картинка ушла и меню сдвинулось на верх...

@nightgremlin · 15.08.2011, 09:00

HTML5
1
2
3
4
5
</tr>
  <tr>
    <td style="background-color:#000000"><a href="index.html"><img scr="im/header2.jpg" height="154" align="right" alt=""></a></td>
  </tr>
  <tr>

а так?

@Musa_liga · 15.08.2011, 09:18 **[ТС]**

Почти! Thanks! Картинки не было - Добавил border="0" :

HTML5
1
2
3
<tr>
    <td style="background-color:#000000"><a href="index.html"><img src="im/header2.jpg" border="0" height="154" align="right" alt=""></a></td>
  </tr>

Ссылка работает, картинка на месте, выравнена справа, НО! теперь новости и меню при увеличении сайта (разрешение меняешь) скрываются справа - а раньше автоматически растягивались на всю страницу не зависимо от разрешения...???:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<tr>
    <td style="background-color:#000000"><a href="index.html"><img src="im/header2.jpg" border="0" height="154" align="right" alt=""></a></td>
  </tr>
  <tr>
    <td height="80" style="background:url(im/newsbg.gif)">{{news}}</td>
  </tr>
<tr>
    <td height="44">
{{topmenu}} 
    </td>
  </tr>

Как их можно распределить равномерно?

@nightgremlin · 15.08.2011, 10:25

HTML5
1
2
3
 <tr>
    <td height="80" width="100%" style="background:url(im/newsbg.gif)">{{news}}</td>
  </tr>

попробуйте может получится, но не факт

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@Musa_liga 0 / 0 / 0 Регистрация: 11.08.2011 Сообщений: 12
	11.08.2011, 14:12 [ТС]
	Все получилось, Спасибонище!!! Добавлено через 1 час 19 минут Теперь новый нюанс - как с позиционировать картинку справа и залить фон черным (было раньше)? 0

@nightgremlin 9 / 9 / 2 Регистрация: 28.04.2011 Сообщений: 70
	12.08.2011, 12:57
	У меня тоже сайт на табличной верстке, сейчас переделываю на блочную в html5. Улучшаю дизайн и всё остальное. Советую учи блочную верстку, хотя таблицами проще верстать. Короче помести ссылку с картинкой в таблицу, а таблицу спозиционируй и будет тебе счастье 0

@Musa_liga 0 / 0 / 0 Регистрация: 11.08.2011 Сообщений: 12
	12.08.2011, 13:03 [ТС]
	0

@Musa_liga 0 / 0 / 0 Регистрация: 11.08.2011 Сообщений: 12
	12.08.2011, 13:37 [ТС]
	Дело в том, что вообще не в этой теме - я занимался всегда продажами авто, сервисом, экономикой и пр. Сейчас открыл свое дело, но из-за отсутствия в этот период лавэ - приходится все делать самому. Сайт сверстал знакомый знакомого, но теперь он не может... Я вношу кое-как изменения... допираю до чего-то сам... Но так, чтоб учить все это... не радует... Думал пара пустяков на картинку сделать ссылку - внутри сайта сделал на рекламках - а вот с топом не получается... ни так ни сяк... Меню, конечно через ж... но кое как работает... 0

@Musa_liga 0 / 0 / 0 Регистрация: 11.08.2011 Сообщений: 12
	12.08.2011, 13:57 [ТС]
	Да.... 0

@Musa_liga 0 / 0 / 0 Регистрация: 11.08.2011 Сообщений: 12
	12.08.2011, 18:09 [ТС]
	пробовал... не работает... ссылки нет 0

@Musa_liga 0 / 0 / 0 Регистрация: 11.08.2011 Сообщений: 12
	15.08.2011, 08:32 [ТС]
	Картинка ушла и меню сдвинулось на верх... 0