Code: <TABLE align="center" cellSpacing="0" cellPadding="0" width="970" height="431" border="0" background="/img/top.jpg"> /img/top.jpg картинка. как сделать чтобы прям на ней был баннер? И подскажите какой нить html редактор чтобы можно было редатировать коды визуально. Если конечно есть такой.
Code: <html> <head> <title>$FORUM_TITLE$</title> <link type="text/css" rel="StyleSheet" href="/forum_style.css" /> </head> <BODY bgColor=#090909> <TABLE align="center" cellSpacing="0" cellPadding="0" width="970" height="431" border="0" background="/img/top.jpg"> <TR> <td></td> <TD colspan="0" height="428"> <div align="left" style="padding-top:150px;"><font size=2 color=#DADBD7><br><b>Правила:</b> заголовок темы должен кратко и понятно отражать ее суть, нельзя писать латиницей или заглавными буквами. Сообщение, ник, аватар не должны выделяться своими размерами или стилем написания от остальных, быть читабельными, написаны литературно и достаточно грамотно. Ваш e-mail и адрес вашего форума обязательно должны быть в сообщении, если Вам нужна помощь или совет. </div></font></b></td></tr> <tr><td width="60"></td><td width="340"> </td><td width="510"></td></tr><tr><td colspan="4"></td></TR></TABLE> <TABLE align="center" cellSpacing="0" cellPadding="0" width="970" border="0" background="/img/mid.jpg"> <TR><td width="50"></td><TD width="940" valign="top"> <!-- Header --> <table border="0" cellpadding="2" cellspacing="0" width="100%" style=""> <tr><td style="width:30%;padding-left:5px;">$WDAY$, $DATE$, $TIME$</td><td align="right" style="padding-right:5px;"><?if($USER_LOGGED_IN$)?>Вы вошли как <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас <b>$USERNAME$</b><?endif?> | <a href="$RSS_LINK$">RSS</a></td></tr> <tr><td align="right" colspan="2" style="padding-right:5px;"><a href="$HOME_PAGE_LINK$">Главная</a> | <a href="$MAIN_PAGE_LINK$">$FORUM_NAME$</a> <?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a><?else?> | <a href="$REGISTER_LINK$">Регистрация</a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$">Выход</a><?else?> | <a href="$LOGIN_LINK$">Вход</a><?endif?></td></tr> </table><div style="height:10px;"></div> <!-- /Header --> <table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" align="center"> <tr> <td align="left">[<?if($USER_LOGGED_IN$)?> <a href="javascript://" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;">Личные сообщения($UNREAD_PM$)</a> · <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s24.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Участники</a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Правила форума</a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td> </tr> </table> $BODY$ </TD><td width="50"></td></TR> </TABLE> <center><img src="/img/bot.jpg"></center> <!-- Footer --> <br /> <table border="0" cellpadding="4" cellspacing="0" width="100%" style=""> <tr><td align="center" style="">Disign by <a href=http://generationx.forum24.ru><b>Mark</b></a> © $YEAR$</td></tr> <tr><td align="center" style="">$POWERED_BY$</td></tr> </table> <!-- /Footer --> </body> </html> Вот весь код. Мне надо чтобы на этой картинке /img/top.jpg"> была эта /img/reklam.png как мне сделать
не судьба сделать картинку /img/top.jpg" фоновой в ячейке, а /img/reklam.png - вставить в ячейку в кач-ве содержимого?
если бы я знал как это сделать я бы наверно об этом здесь не писал. И не надо говорить иди учи язык я учил просто что не понял поэтому и пишу сюда. И как сделать например 4 картинке на одной чтобы они были с правой стороны и на равном расстоянии друг от друга
После последнего вопроса следует все таки пойти учить. http://www.w3.org/TR/html401/struct/tables.html http://www.w3.org/TR/html401/struct/tables.html#h-11.3.2
Вот картинка Вот ее код Code: <div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:970px; height:431px; z-index:0"><img src="file:///C:/Documents and Settings/Admin/Рабочий стол/logof.png" alt="" title="" border=0 width=970 height=431></div> <div id="rollimg1" style="position:absolute; overflow:hidden; left:41px; top:238px; width:356px; height:46px; z-index:1"> <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimg1','','file:///C:/Documents and Settings/Admin/Рабочий стол/3agru2.png',1)" href="http://3agruzka.ucoz.ru" target="_blank"> <img name="rollimg1" onLoad="MM_preloadImages('file:///C:/Documents and Settings/Admin/Рабочий стол/3agru2.png')" width=356 height=46 alt="" title="" border=0 src="file:///C:/Documents and Settings/Admin/Рабочий стол/3agru.png"> </a></div> <div id="image2" style="position:absolute; overflow:hidden; left:478px; top:35px; width:460px; height:80px; z-index:2"><img src="file:///C:/Documents and Settings/Admin/Рабочий стол/reklam.png" alt="" title="" border=0 width=460 height=80></div> <div id="image3" style="position:absolute; overflow:hidden; left:480px; top:327px; width:460px; height:80px; z-index:3"><img src="file:///C:/Documents and Settings/Admin/Рабочий стол/reklam.png" alt="" title="" border=0 width=460 height=80></div> <div id="image4" style="position:absolute; overflow:hidden; left:480px; top:231px; width:460px; height:80px; z-index:4"><img src="file:///C:/Documents and Settings/Admin/Рабочий стол/reklam.png" alt="" title="" border=0 width=460 height=80></div> <div id="image5" style="position:absolute; overflow:hidden; left:479px; top:133px; width:460px; height:80px; z-index:5"><img src="file:///C:/Documents and Settings/Admin/Рабочий стол/reklam.png" alt="" title="" border=0 width=460 height=80></div> <div id="text1" style="position:absolute; overflow:hidden; left:22px; top:325px; width:166px; height:48px; z-index:6"> <div class="wpmd"> <div><font color="#FF0000" class="ws28">Контакты</font></div> </div></div> <div id="text2" style="position:absolute; overflow:hidden; left:210px; top:318px; width:292px; height:71px; z-index:7"> <div class="wpmd"> <div><IMG border=0 src="file:///C:/Documents and Settings/Admin/Рабочий стол/icq.png"><font color="#339966" class="ws20">7723828</font></div> <div><IMG border=0 src="file:///C:/Documents and Settings/Admin/Рабочий стол/e-mail.png"><font color="#339966" class="ws20">zer0cool@bk.ru</font></div> <div><font color="#0000FF" class="ws20"><B><BR></B></font></div> </div></div> <div id="text3" style="position:absolute; overflow:hidden; left:188px; top:308px; width:150px; height:90px; z-index:8"> <div class="wpmd"> <div><font color="#FF0000" class="ws48">{</font></div> </div></div> Как сделать чтобы это было вместо img/top.jpg
пля, иди учи язык. Хтмл не такой уж и сложный. <table background="img/back.jpg"> <tr><td rowspan="4">Тут все, что слева.</td><td><img src="img/banner1.jpg" /></td></tr> <tr><td><img src="img/banner2.jpg" /></td></tr> <tr><td><img src="img/banner3.jpg" /></td></tr> <tr><td><img src="img/banner4.jpg" /></td></tr> </table> back.jpg - фоновый рисунок. banner1(2,3,4).jpg - твои баннеры. Такую таблицу можно вставлять куда угодно. Хоть в шапку, хоть в тело, хоть в сайдбар.
помог бы тебе цсс, чтобы твой основной пиктур был фоном, и ты на нем мог текст писать и тд. Так что учись дальше,
Если ты внимательно смотрел на последний кусок кода, то мог бы заметить, что z-index'ы он уже юзает. Правда, видимо, бесполезно. ТС - бери таблицу и фигач.