Search the Community
Showing results for tags 'Три дива объединить position'.
Found 1 result
-
Три дива объединить, position: absolute не подходит. Что использовать?
Атом posted a question in HTML Coding
Прошу помочь реализовать одну идею, есть таблица из 1 строки и 2 колонок, размеры таковы( высота 100% ширина каждой колонки 50% от ширины экрана). В каждой ячейке фотография, нужно поставить прицел в центр каждой ячейки. Код <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } </style> </head> <body> <table height="100%" width="100%"> <tr> <td height="100%" width="50%" bgcolor="#CC9900"> <div id="okno1" style="height:100%;"><img src="1.jpg" height="886" width="955"></div> <div style="position: absolute; width:3px; height:50px; background:#f00;top:418px; left:478px; margin-bottom:-50px"></div> <div style="position: absolute; relative; width:50px; height:3px; background:#f00;top:443px; left:453px;line-height:1px"></div> </td> <td height="100%" width="50%" bgcolor="#006633"> <div id="okno2" style="height:100%"><img src="1.jpg" height="886" width="955"></div> <div style="position: relative; width:3px; height:50px; background:#f00;top:418px; left:474px; margin-bottom:-50px"></div> <div style="position: relative; width:50px; height:3px; background:#f00;top:443px; left:449px;line-height:1px"></div> </td> </tr> </table> </body> </html> Условие, координаты прицела должны быть идентичны. С помощью position: absolute можно привязать только к 1-ой ячейке пицел, а вот как привязать прицел ко-второй?