Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Не получается корректно исправить исходный код


Автор: oika 18.7.2011, 09:03
Помогите, пожалуйста, кому не сложно, с моим глупым вопросом.

Имеется http://a-svetlaya.ru/

Проблема: хочу, используя "#map2" сделать ссылки на раздулы "форум", "гостевая книга", "rss-лента". Фоновый рисунок для них - topR2.jpg
Но когда я исправляю разными способами, весь дизайн искажается. Что необходимо прописать в коде?

Кусок исходного когда, который не получается исправить:
<td width="395" height="162" style="background: url(img/topR2.jpg) no-repeat bottom; border="0" usemap="#map2" ">    
<img src="img/topR1.jpg" width="395" height="238" border="0" usemap="#map1">
<div style="-moz-box-sizing: padding-box; padding-right: 20px;" align="right">
<a href= "naklejka"><img src= "img/3.png" width="228" height="110" border="0" alt="разработка дизайна наклейки" title="разработка дизайна наклейки" <br clear="all"></a>
<br></div>
</tr>
</td>
</tr>
<tr>    
<td width="880" height="100%" colspan="2" style="background: url(img/pageBot.jpg) no-repeat bottom" valign="top">        
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background: url(img/pageTop.jpg) no-repeat top">
<map name="map1">
<area shape="rect" alt="Последняя работа" title="Последняя работа"  coords="140,210,270,230" href="naklejka">
<area shape="circle" alt="Карта сайта" title="Карта сайта" coords="220,98,14" href="sitemap.html">    
<area shape="circle" alt="Контакты дизайнера" title="Контакты дизайнера" coords="189,125,14" href="kontakty_dizajnera">    
<area shape="circle" alt="Главная" title="Главная"  coords="162,152,14" href="/">
</map>




Автор: Guedda 18.7.2011, 09:22
У Вас там после блока закрывающее </tr> стоит. Это может сильно попортить верстку. Попробуйте без нее - так:
Код

<td width="395" height="162" style="background: url(img/topR2.jpg) no-repeat bottom; border="0" usemap="#map2" ">    
<img src="img/topR1.jpg" width="395" height="238" border="0" usemap="#map1">
<div style="-moz-box-sizing: padding-box; padding-right: 20px;" align="right">
<a href= "naklejka"><img src= "img/3.png" width="228" height="110" border="0" alt="разработка дизайна наклейки" title="разработка дизайна наклейки" <br clear="all"></a>
<br></div>
</td>
</tr>
<tr>    
<td width="880" height="100%" colspan="2" style="background: url(img/pageBot.jpg) no-repeat bottom" valign="top">        
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background: url(img/pageTop.jpg) no-repeat top">
<map name="map1">
<area shape="rect" alt="Последняя работа" title="Последняя работа"  coords="140,210,270,230" href="naklejka">
<area shape="circle" alt="Карта сайта" title="Карта сайта" coords="220,98,14" href="sitemap.html">    
<area shape="circle" alt="Контакты дизайнера" title="Контакты дизайнера" coords="189,125,14" href="kontakty_dizajnera">    
<area shape="circle" alt="Главная" title="Главная"  coords="162,152,14" href="/">
</map>

Автор: oika 18.7.2011, 09:44
Цитата(Guedda @ 18.7.2011,  09:22)
У Вас там после блока закрывающее </tr> стоит. Это может сильно попортить верстку. 

Это ничего не меняет, к сожалению(

Автор: patap 18.7.2011, 17:32
в этой строке не закрыт тэг <img>
Код

<a href= "naklejka"><img src= "img/3.png" width="228" height="110" border="0" alt="разработка дизайна наклейки" title="разработка дизайна наклейки" <br clear="all"></a>


возможно решит проблему
Код

<a href= "naklejka"><img src= "img/3.png" width="228" height="110" border="0" alt="разработка дизайна наклейки" title="разработка дизайна наклейки" /><br clear="all"></a>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)