Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Скроллер у броузера

Автор: Zaman 27.5.2005, 18:01

Как сделать так чтобы при изменения размера появлялся скроллер у броузера (внизу) ?

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>123</title>
<link href="css/titul.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="javascript/titul.js"></script>
</head>
<body >

<table width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0" style="overflow-x:scroll;">
  <tr>
     <td style="height:36px;" valign="top">
        <table style="height:36px;" width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0">
           <tr>
              <td style="width:140px;" align="left">
                 <img src="imgs/logo.gif" width="107" height="36" alt="" border="0" style="margin-left:20px;" />
              </td>
              <th class="slogan" align="left" valign="top">
                <div style="padding-top:8px;">
                   тра-ля-ля
                </div>
              </th>
           </tr>
        </table>
     </td>
  </tr>
  <tr>
     <td style="width:100%;height:30px;color:#2676A8;" align="right" valign="middle">
       <div style="margin-right:20px;" >
        |&nbsp;<a href="" style="color:#2676A8;font-weight:bolder;">Î êîìïàíèè</a>
        |&nbsp;<a href="" style="color:#2676A8;font-weight:bolder;">Íîâîñòè</a>
        |&nbsp;<a href="" style="color:#2676A8;font-weight:bolder;">Ïåðåâîç÷èêó</a>
        |&nbsp;<a href="" style="color:#2676A8;font-weight:bolder;">Çàêàç÷èêó</a>
        |&nbsp;<a href="" style="color:#2676A8;font-weight:bolder;">Ýêñïåäèòîðó</a>
        |&nbsp;<a href="" style="color:#2676A8;font-weight:bolder;">Êîíòàêòû</a>
        |&nbsp;
       </div>    
     </td>
  </tr>
  <tr>
     <td class="search" valign="top" > 
        <table style="margin-top:8px;" cellpadding="0" cellspacing="0" border="0" width="100%">
           <tr>
             <td class="td_search" colspan="3" style="height:77px;" >
                
             </td>
           </tr>
           <tr>
              <td class="news" style="width:10%;" valign="top">
                 Çäåñü áóäóò Âàøè íîâîâñòè
              </td>
              <td class="news_border" style=""><img src="imgs/1.gif" height='439' width="1"/>
                &nbsp;
              </td>
              <td class="map" style="overflow-x:auto;" valign="top" align="right">
                 <table  style="height:439px;" cellpadding="0" cellspacing="0" border="0" width="100%">
                     <tr>
                       <td class="bg_tr1_td_p1" style="height:276px;">
                         &nbsp;
                       </td>
                       <td style="height:276px;width:616px;" class="Europe"  align="right" valign="top">
                         &nbsp;
                       </td>
                     </tr>
                     <tr>
                       <td class="bg_tr2_td_p1" style="height:163px;">
                         &nbsp;
                       </td>
                        <td class="Ocean" style="height:163px;width:616px;" align="right" valign="top">
                          &nbsp;
                        </td>
                     </tr>
                     <tr>
                       <td class="bg_tr3_td_p1" style="height:50px;">
                         &nbsp;
                       </td>
                        <td class="bg_td_p2" style="height:50px" align="right" valign="top">
                          &nbsp;
                        </td>
                     </tr>        
                 </table>
              </td>
           </tr>
        </table>
     </td>
  </tr>
  <tr>
     <td class="bottom" >
        &nbsp;
     </td>
  </tr>
  <tr>
     <td style="height: 50px;" valign="top">
        <span style="margin-left:20px;margin-top:5px;">
          &copy; 
        </span>
     </td>
  </tr>
</table>

</body>
</html>

Автор: dm9 28.5.2005, 11:47

Конкретнее, тебе нужно, чтобы не переносились пункты меню, а вместо этого появлялась прокрутка?

Автор: Gold Dragon 29.5.2005, 09:31

Код


<A href="" style="color:#2676A8;font-weight:bolder;">eeeeeeeeeeeeee</A>&nbsp;|&nbsp;<A
href="" style="color:#2676A8;font-weight:bolder;">qqqqqqqqqqqqqqqdd</A>&nbsp;|&nbsp;<A
href="" style="color:#2676A8;font-weight:bolder;">aaaaaaaaaaaaaaaaa</A>&nbsp;|&nbsp;<A
href="" style="color:#2676A8;font-weight:bolder;">aaaaaaaaaaaaaaaaa</A>&nbsp;|&nbsp;<A
href="" style="color:#2676A8;font-weight:bolder;">aaaaaaaaaaaaaaadd</A>&nbsp;|&nbsp;<A
href="" style="color:#2676A8;font-weight:bolder;">ввввввввввввввddd</A>