Сбивается <a name=""></a>

Ksanytch · January 16, 2008

Огромные респекты сему братству!

Переделываю в HTML очень интересную автобиографическую книгу. В ней много текста и фоток. Поначалу хотел фотки вставлять прямо в текст, по получилось криво - соотнести фотку с коротким абзацем сложно.

Поэтому решил использовать фреймы: в левом узком фрейме разместил фотки, а в правом широком - текст, в котором поставил ссылки на фотки из левого фрейма: имхо достаточно удобно кликнуть на ссылку в тексте чтобы слева колонка промоталась на фотку. Вобщем, такой код:

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
</HEAD>
<FRAMESET cols="245,*">
 <FRAME src="photo/Photo.html" name="photos" scrolling="auto" frameborder=0 marginwidth="0" marginheight="6">
 <FRAME src="Text.html" name="content" scrolling="auto" frameborder=0 marginwidth="0" marginheight="6">
</FRAMESET>
</HTML>

Photo.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
 <HEAD>
<style type="text/css">
html, body {
 font-family: Arial, Verdana, Tahoma; font-size: 0.8em; margin:0; padding:0;
 }
div { padding: 9px; margin: 0; border: 0; width: 202px; }
img { width:200px; border: 1px solid black; margin-top: 10px;} 
</style>
 </HEAD>

<BODY>
<div>
<a name="061"><IMG src="061.jpg" title="" alt=""> Фото 61 - Подрисуночный текст</a>
<a name="063"><IMG src="063.jpg" title="" alt=""> Фото 63 - Подрисуночный текст</a>
...........
</div>
</BODY>
</HTML>

В Text.html там где нужно, ставлю ссылки:

<a href="photo/Photo.html#061" target=photos>

И все получается так, как нужно: в тексте кликаю, фотки слева перематываются на нужную.

Но тут решил поставить в Photo.html скрипты чтоб в левом фрейме можно было увеличивать фотку:

<a name="061"> </a><a href="061.jpg" target="_blank" onClick="popupWin = window.open(this.href,'popwin','location,top=15, left=210,
width=376,height=612,status=no,toolbar=no,menubar=no,resizable=yes,location=no'); popupWin.focus(); return false;"> 
<IMG src="061.jpg" title="Нажмите, чтобы увеличить" alt=""></a>Фото 61 - Подрисуночный текст

И тут ссылки окривели: клик на ссылку в тексте и фотка слева мотается так, что виден ее только нижний край.

Ребят, подскажите, что не так?

Vlad · January 16, 2008

По хорошему, надо все это в блочные элементы вставить.

Текст

Ksanytch · January 16, 2008

Вобщем-то, нужно, ок. Пробовал - ?к.

По идее, если

подрисуночный текст....

, то ссылка на такую фотку будет ок. Но принято подписи ставить под фоткой. Не пойму почему скрипт портит name. А ведь вложенные ссылки text нельзя

Ksanytch · January 17, 2008

В общем, справился. Ссылка на не срабатывает, т.к. она пустая. Поэтому в нее я запихнул неразрывный пробел. Правда пришлось отрегулировать отступы/зазоры абзаца и картинки, т.к. пустой пробел сверху - как бревно.

<p><a name="060"> </a><a href="060.jpg" target="_blank" script <IMG src="060.jpg" title="Нажмите, чтобы увеличить"></a>
Фото 60 - Моя бабушка Толченова Ольга Ивановна в расцвете молодости.</p>

Так что - фенксы!

Sign In

Сбивается <a name=""></a>

Question

Ksanytch

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Ksanytch

Link to comment

Share on other sites

Ksanytch

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information