Абсолютное позиционирование

@Вета26 · Регистрация: 11.06.2015

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

HTML5

<p align="left" style="color:Black">Создайте страничку с левым полем, в котором бы распалагался маркер, указывающий на ошибочное слово в строке. 
При этом, если из-за изменения размера окна ошибочное слово переместится в другую строку, маркер должен автоматически следовать за ним 
(используйте свойство рosition). Воспользуйтесь примером ниже:</p>
  </body>
   <div class = "left">
<body bgcolor="LightSkyBlue">
  <p align="left" style="color:Black; margin-left: 35px"><b>Указатель ошибки</b></p>
   <div style="color:Black; margin-left: 35px"><p>Петр Мячиков писал сочинение. Он очень старался, но допустил в своей записи ошибку.</p></div>  
<hr>
<div style="color:Black; margin-left: 35px"><p><UL>Вот и конец лета. Погода стояла на редкость грибная. Вот и пошли мы с собакой Жучкой в лес.
Я взял корзинку, а Жучка ничего не взяла, она решила помогать мне в поисках. Бегает Жучка, смотрит внимательно, ищет грибы.
И так у нас все ладно получается: найдет Жучка гриб и з<font color="#ff0000">а</font>вет меня. Я подхожу, срезаю гриб и кладу его в корзинку.
Много грибов мы набрали с Жучкой и очень довольные вернулись домой. Ах, хороши жаренные грибки с картошечкой!</ul> </p>
<hr>
</div>

Нeобходимо, чтоб стрелка указывала на строку, в которой находится слово с ошибкой.
Никак не получается выделить это слово, код становится не читаемым

@4cfg · 29.03.2017, 10:39

Немножко не понятно, где должна быть стрелка

HTML5

<p align="left" style="color:Black">Создайте страничку с левым полем, в котором бы распалагался маркер, указывающий на ошибочное слово в строке. 
При этом, если из-за изменения размера окна ошибочное слово переместится в другую строку, маркер должен автоматически следовать за ним 
(используйте свойство рosition). Воспользуйтесь примером ниже:</p>
  </body>
   <div class = "left">
<body bgcolor="LightSkyBlue">
  <p align="left" style="color:Black; margin-left: 35px"><b>Указатель ошибки</b></p>
   <div style="color:Black; margin-left: 35px"><p>Петр Мячиков писал сочинение. Он очень старался, но допустил в своей записи ошибку.</p></div>  
<hr>
<div style="color:Black; margin-left: 35px"><p><UL>Вот и конец лета. Погода стояла на редкость грибная. Вот и пошли мы с собакой Жучкой в лес.
Я взял корзинку, а Жучка ничего не взяла, она решила помогать мне в поисках. Бегает Жучка, смотрит внимательно, ищет грибы.
И так у нас все ладно получается: найдет Жучка гриб и <img src='ris0410.gif'style="position: absolute; transform: rotate(90deg);margin: -20px -10px;"></img>з<font color="#ff0000">а</font>вет меня. Я подхожу, срезаю гриб и кладу его в корзинку.
Много грибов мы набрали с Жучкой и очень довольные вернулись домой. Ах, хороши жаренные грибки с картошечкой!</ul> </p>
<hr>
</div>

@Вета26 · 29.03.2017, 15:09 **[ТС]**

Спасибо, очень помогло))Теперь все как надо
Стрелка должна быть, слева в начале строки

@Вета26 0 / 0 / 0 Регистрация: 11.06.2015 Сообщений: 7
	29.03.2017, 15:09 [ТС]	3
	Спасибо, очень помогло))Теперь все как надо Стрелка должна быть, слева в начале строки 0