egorns

Спасибо Вам за ответ! Я пробовал сделать с помощью блока ДИВ. Но если я подогнал его в нужное место в файерфоксе, то в эксплорере и опере он находится на другом месте. уже 2 суток ищу решение. <a href="ССЫЛКА" <div style="position:absolute;z-index:100; margin-left:70px; margin-top:320px; width:50px; border:2px red solid; height:12px;"></div></a>

Сколько ни пиши на форуме - хрен кто поможет. Зря регистрировался - только время потратил...

Подскажите, как сделать фон ячейки <td> картой <map>? Это вообще возможно? Нужно сделать кликабельную область на фоне ячейки. Пробовал с <div>, но в разных браузерах эта область находится в разных местах. Заранее спасибо!

Очень прошу вас помочь!

http://ehakker1.narod.ru/test/kanalizaciya_chastnogo_doma2.html

Ребята, прошу вас помочь в верстке. Все дело в таблицах. Третья ячейка у меня вылазит вперед, а в первой ячейке 3 пункт из списка выпирает. И проблемы по 3 пункту только в ИЕ - в файерфоксе все хорошо! <TABLE align=center> <TR> <TD> <!-- ????? ??????? ???????? --> <table> <tr> <td background="./images/v_dome.png" id=name> <!-- ???? "? ????" --> <br><br><br><br><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="vodosnabgenie_doma.html" title="????????????? ????" class="style5">????????????? ????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="vodosnabgenie_kottedga.html" title="????????????? ????????" class="style7">- ????????????? ????????</a></b></font><br> <font class="ws8" face="Tahoma"><b><a href="chastnoe_vodosnabgenie.html" title="??????? ?????????????" class="style7">- ??????? ?????????????</a></b></font><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="kanalizaciya_doma.html" title="??????????? ????" class="style5">??????????? ????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="kanalizaciya_chastnogo_doma.html" title="??????????? ???????? ????" class="style7">- ??????????? ???????? ????</a></b></font><br> <font class="ws8" face="Tahoma"><b><a href="avtonomnay_kanalizaciy.html" title="?????????? ???????????" class="style7">- ?????????? ???????????</a></b></font><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="ochistka_vodi_doma.html" title="??????? ???? ? ????" class="style5">??????? ???? ? ????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="ochistka_vodi_v_kottedge.html" title="??????? ??? ??????? ???? ? ????????" class="style7">- ??????? ???? ? ???????</a><br><br> <!-- ????? ????? "? ????" --> </td> </tr> <tr> <td background="./images/v_kvartire.png" WIDTH=234 HEIGHT=309> <!-- ???? "? ????????" --> <br><br><br><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="vodosnabgenie_kvartiri.html" title="????????????? ? ????????" class="style5">????????????? ? ????????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="posledovatelnaya_razvodka.html" title="???????????????? ????????" class="style7">- ???????????????? ????????</a></b></font><br> <font class="ws8" face="Tahoma"><b><a href="kolektornaya_razvodka.html" title="???????????? ????????" class="style7">- ???????????? ????????</a></b></font><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="kanalizaciya_v_kvartire.html" title="??????????? ? ????????" class="style5">??????????? ? ????????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="#" title="??????????? ??????????? ? ????????" class="style7">- ??????????? ??????????? ? ????????</a></b></font><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="ochistka_vodi_v_kvartire.html" title="??????? ???? ? ????????" class="style5">??????? ???? ? ????????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="filtri_dlya_kvartiri.html" title="??????? ??? ????????? ????????? ????" class="style7">- ??????? ??? ????????? ????????? ????</a><br><br> <!-- ????? ????? "? ????????" --> </td> </tr> <tr> <td> <!-- ???? "?? ????" --> <td background="./images/na_dache.png" WIDTH=234 HEIGHT=309> <!-- ???? "? ????????" --> <br><br><br><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="vodosnabgenie_na_dache.htm" title="????????????? ?? ????" class="style5">????????????? ?? ????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="letnee_vodosnabgenie.html" title="?????? ?????????????" class="style7">- ?????? ?????????????</a></b></font><br> <font class="ws8" face="Tahoma"><b><a href="zimnee_vodosnabgenie.html" title="?????? ?????????????" class="style7">- ?????? ?????????????</a></b></font><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="dachnaya_kanalizaciya.html" title="??????????? ????" class="style5">??????????? ????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="montag_kanalizacii_na_dache.html" title="?????? ???????????, ??????? ?????? ???????????" class="style7">- ?????? ???????????, ??????? ?????? ???????????</a></b></font><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="ochistka_vodi_na_dache.html" title="??????? ???? ?? ????" class="style5">??????? ???? ?? ????</a></div></div> <font class="ws8" face="Tahoma"><b><a href="filtri_dlya_dachi.html" title="??????? ??? ??????? ???? ?? ????" class="style7">- ??????? ??? ??????? ???? ?? ????</a><br><br> <!-- ????? ????? "?? ????" --> </td> </tr> </table> <!-- ????? ????? ??????? ????????? --> </TD> <!-- ??????????? ??????? ???????? --> <TD> </TD> <!-- ????? ??????????? ??????? ???????? --> <!-- ?????? ??????? ???????? --> <TD background="./images/na_dache.png"> erwerwerwerew </TD> <!-- ????? ?????? ??????? ???????? --> </TABLE>

http://ehakker1.narod.ru/voda/index2.html Вот полный код STYLE.CSS a.style1:link{color:#737373;text-decoration: none;} a.style1:visited{color:#737373;text-decoration: none;} a.style1:hover{color:#232323;text-decoration: none;} a.style1:active{color:#737373;text-decoration: none;} a.style2:link{color:#FFFFFF;text-decoration: none;} a.style2:visited{color:#FFFFFF;text-decoration: none;} a.style2:hover{color:#FFFFFF;text-decoration: none;} a.style2:active{color:#FFFFFF;text-decoration: none;} a.style3:link{color:494949;text-decoration: none;} a.style3:visited{color:494949;text-decoration: none;} a.style3:hover{color:494949;text-decoration: underline;} a.style3:active{color:494949;text-decoration: none;} a.style4:link{color:#222222;text-decoration: none;} a.style4:visited{color:#222222;text-decoration: none;} a.style4:hover{color:#0A99C9;text-decoration: none;} a.style4:active{color:#222222;text-decoration: none;} a.style5:link{color:#209FE3;text-decoration: none;} a.style5:visited{color:#209FE3;text-decoration: none;} a.style5:hover{color:#1886C0;text-decoration: none;} a.style5:active{color:#209FE3;text-decoration: none;} a.style6:link{color:#35424A;} a.style6:visited{color:#35424A;} a.style6:hover{color:#030303;} a.style6:active{color:#35424A;} a.style7:link{color:#35424A;text-decoration: none;} a.style7:visited{color:#35424A;text-decoration: none;} a.style7:hover{color:#35424A;text-decoration: underline;} a.style7:active{color:#35424A;text-decoration: none;} a.style8:link{color:#209FE3;text-decoration: none;} a.style8:visited{color:#209FE3;text-decoration: none;} a.style8:hover{color:#1886C0;text-decoration: none;} a.style8:active{color:#209FE3;text-decoration: none;} a.style9:link{color:#35424A;text-decoration: none;} a.style9:visited{color:#35424A;text-decoration: none;} a.style9:hover{color:#35424A;text-decoration: none;} a.style9:active{color:#35424A;text-decoration: none;} a.style10:link{color:#798286;text-decoration: none;} a.style10:visited{color:#798286;text-decoration: none;} a.style10:hover{color:#798286;text-decoration: none;} a.style10:active{color:#798286;text-decoration: none;} a.style11:link{color:#60696C;text-decoration: none;} a.style11:visited{color:#60696C;text-decoration: none;} a.style11:hover{color:#60696C;text-decoration: none;} a.style11:active{color:#60696C;text-decoration: none;} a.style12:link{color:#0592C0;text-decoration: none;} a.style12:visited{color:#0592C0;text-decoration: none;} a.style12:hover{color:#0592C0;text-decoration: underline;} a.style12:active{color:#0592C0;} .ws6 {font-size: 8px;} .ws7 {font-size: 9.3px;} .ws8 {font-size: 11px;} .ws9 {font-size: 12px;} .ws10 {font-size: 13px;} .ws11 {font-size: 15px;} .ws12 {font-size: 16px;} .ws14 {font-size: 19px;} .ws16 {font-size: 21px;} .ws18 {font-size: 24px;} .ws20 {font-size: 27px;} .ws22 {font-size: 29px;} .ws24 {font-size: 32px;} .ws26 {font-size: 35px;} .ws28 {font-size: 37px;} .ws36 {font-size: 48px;} .ws48 {font-size: 64px;} .ws72 {font-size: 96px;} .wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;} DIV,UL,OL /* Left */ { margin-top: 0px; margin-bottom: 0px; } div#container { position:relative; width: 1024px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align:left; } body {text-align:center;margin:0} .gmtbl{background-color: #ffffff; border: 1px solid #ffffff;} .gmtdttl{font-size: 100%; font-weight: bold; color: #1eb1ff; text-align:left; background-color: #ffffff} .gmtdtext{font-size: 90%; font-weight: normal; color: #29abff;}text-align:center;} .tddiv { text-align: left !important;} div#cntdiv{ position:absolute; display:block;} div#infselectlist{ background-color: #ffffff; border: 1px solid #7c7c7c; width:90%; height:90%; position:relative; top:1; left:0; right:0; visibility:hidden; cursor:pointer;} div#hiddentl{ position:relative; top:1; left:0; right:0; visibility:hidden;}

Здравствуйте! Прошу вас о помощи! Мне необходимо переделать сайт, который состоит в основном из блоков <DIV>. Сейчас столкнулся с проблемой: блоки налезают друг на друга. Как мне их упорядочить, чтобы второй блок начинался после того, когда закончится первый? Заранее спасибо! <div id="text24" style="position:absolute; margin-top: -80px; overflow:hidden; left:13px; top:1550px; width:781px; height:380px; z-index:77";> <div class="wpmd" align=justify> БЛА БЛА БЛА </div></div> <div id="text25" style="position:absolute; overflow:hidden; left:13px; top:1813px; width:786px; height:74px; z-index:78;"> <div class="wpmd"> БЛА БЛА БЛА </div></div> CTYLE.CSS DIV,UL,OL /* Left */ { margin-top: 0px; margin-bottom: 0px; } div#container { position:relative; width: 1024px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align:left; } body {text-align:center;margin:0} .gmtbl{background-color: #ffffff; border: 1px solid #ffffff;} .gmtdttl{font-size: 100%; font-weight: bold; color: #1eb1ff; text-align:left; background-color: #ffffff} .gmtdtext{font-size: 90%; font-weight: normal; color: #29abff;}text-align:center;} .tddiv { text-align: left !important;} div#cntdiv{ position:absolute; display:block;} div#infselectlist{ background-color: #ffffff; border: 1px solid #7c7c7c; width:90%; height:90%; position:relative; top:1; left:0; right:0; visibility:hidden; cursor:pointer;} div#hiddentl{ position:relative; top:1; left:0; right:0; visibility:hidden;}