Оразмеряване -еднакъв изглед при всички монитори и резолюции

submit · 22 Февруари 2008

Значи сложил съм си резолюцията на монитора на 1152х864.
и съответно като правя сайт, го правя на моята резолюция и във браузера излиза перф, но като видя сайта от друг монитор - излиза криво и не добре

.

как да правя сайта, така че при всички монитори да излиза еднакво?

koko5 · 22 Февруари 2008

като използваш %, а не пиксели

submit · 22 Февруари 2008

може би малко ламерски въпрос, но как да ги сменя от пикс на %?

:roll:

Enz0 · 22 Февруари 2008

koko5 каза:
като използваш %, а не пиксели

jefriii · 22 Февруари 2008

да файла php.ini

submit · 22 Февруари 2008

става дума за html

jefriii · 22 Февруари 2008

аай файла и ще се опитам да го оправя

submit · 22 Февруари 2008

Код:

<body bgcolor="#333333" text="#333333">
<script language="JavaScript1.2">mmLoadMenus();</script>
<div align="center">
  <table width="587" border="0" cellpadding="0" cellspacing="0" bgcolor="D19400">
      
      <tr>
        <td height="40" colspan="7" valign="top"><img src="up_bar.jpg" width="587" height="40"></td>
      </tr>
      <tr>
        <td width="39" rowspan="3" valign="top"><img src="left_bar.jpg" width="39" height="437"></td>
        <td height="40" colspan="2" valign="top"><strong>Меню</strong></td>
        <td colspan="3" valign="top"><a href="index.html">начало</a> | <a href="bike.html">байк</a> | <a href="#" name="link2" id="link2" onMouseOver="MM_showMenu(window.mm_menu_1214175944_0,35,20,null,'link2')" onMouseOut="MM_startTimeout();">за 
          сваляне</a> | <a href="#" name="link4" id="link3" onMouseOver="MM_showMenu(window.mm_menu_1214174246_0,0,20,null,'link4')" onMouseOut="MM_startTimeout();">галерия</a> | <a href="#" name="link9" id="link7" onMouseOver="MM_showMenu(window.mm_menu_1214175612_0,70,17,null,'link9')" onMouseOut="MM_startTimeout();">приятели</a> </td>
        <td width="39" rowspan="3" valign="top"><img src="right_bar.jpg" width="39" height="437"></td>
      </tr>
      <tr>
        <td width="89" height="347" valign="top"><a href="index.html">начало</a><br>
            <a href="bike.html">байк</a><br>
            <a href="#" name="link8" id="link5" onMouseOver="MM_showMenu(window.mm_menu_1214182657_0,35,17,null,'link8')" onMouseOut="MM_startTimeout();">за 
              сваляне</a><br>
                <a href="http://2aeg10v.ueuo.com/album/" name="link1" id="link1" onMouseOver="MM_showMenu(window.mm_menu_1215161717_0,59,17,null,'link1')" onMouseOut="MM_startTimeout();" >галерия</a><br>
                <a href="#" name="link10" id="link6" onMouseOver="MM_showMenu(window.mm_menu_1214200907_0,40,17,null,'link10')" onMouseOut="MM_startTimeout();">приятели</a>  <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
        </td>
        <td colspan="3" valign="top"><div align="left"><strong><font size="2" face="Geneva, Arial, Helvetica, sans-serif">(: 
          Това е личната страница на File_Submit :) </font></strong></div>
            <div align="center"> <br>
                <a href="http://file-submit.hit.bg/snimki/PIC_0100.JPG" rel="lightbox"  title="Аз в Созопол2 :)"><img src="http://file-submit.hit.bg/snimki/smalpic2.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/PIC_0017.JPG" rel="lightbox" title="Аз в Созопол ;)"><img src="http://file-submit.hit.bg/snimki/smalpic5.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/6JPG" rel="lightbox"  title="Аз с плик:)"> <img src="http://file-submit.hit.bg/snimki/smalpic6.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/7.JPG" rel="lightbox" title="Аз и Мила ;)"><img src="http://file-submit.hit.bg/snimki/smalpic7.JPG" width="40" height="40" /></a><br>
                <a href="http://file-submit.hit.bg/snimki/PIC_0006.JPG" rel="lightbox" title="Аз до Ферари :)"><img src="http://file-submit.hit.bg/snimki/smalpic3.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/PIC_0117.JPG" rel="lightbox"  title="Аз на Английски автобус (Double-Decker) :)"> <img src="http://file-submit.hit.bg/snimki/smalpic4.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/8.JPG" rel="lightbox" title="Пак аз :)"><img src="http://file-submit.hit.bg/snimki/smalpic8.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/9.JPG" rel="lightbox"  title="Мила, аз, Ивет :)"> <img src="http://file-submit.hit.bg/snimki/smalpic9.JPG" width="40" height="40" /></a><br>
                
               <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <font size="1">best view in 1024x768</font></div></td>
        <td width="177" valign="top"><iframe src="http://file-submit.hit.bg/brr/info.html" width="200" height="250" frameborder=0 name="iframe"> </iframe>
         </td>
      </tr>
      <tr>
        <td height="40" colspan="3" valign="top">
           </td>
        <td colspan="2" valign="top"><div align="right"><font size="2">©2003-07 
          File_Submit</font></div></td>
      </tr>
      <tr>
        <td height="40" colspan="7" valign="top"><img src="down_bar.jpg" width="587" height="40"></td>
      </tr>
      <tr>
        <td height="1"></td>
        <td></td>
        <td width="10"></td>
        <td width="224"></td>
        <td width="9"></td>
        <td></td>
        <td></td>
      </tr>
  </table>
  <table width="200" border="0">
    <tr>
      <th scope="col"><a href="http://soad-bg.awardspace.com/"><img src="http://soad-bg.hit.bg/logo_min.gif" alt="soad" width="88" height="31" border="0"></a> <a href="http://chessbg.net" target="_blank"><img src="http://www.chessbg.net/banner/88x31.jpeg"
alt="Сайтът за Шах в България"  
style="border:0px; width:88px; height:31px"></a></th>
    </tr>
  </table>
</div>
</body>
</html>

jefriii · 22 Февруари 2008

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>File_Submit</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<STYLE type=text/css>
A:link {
   COLOR: #555555; TEXT-DECORATION: none
}
A:visited {
   COLOR: #555555; TEXT-DECORATION: none
}
A:active {
   COLOR: #000000; TEXT-DECORATION: underline
}
A:hover {
   COLOR: #000000; TEXT-DECORATION: underline
}
</style>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox.js"></script>
<script language="JavaScript">

</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body bgcolor="#333333" text="#333333">
<script language="JavaScript1.2">mmLoadMenus();</script>
<div align="center">
  <table width="587" border="0" cellpadding="0" cellspacing="0" bgcolor="D19400">
      
      <tr>
        <td height="40" colspan="7" valign="top"><img src="up_bar.jpg" width="587" height="40"></td>
      </tr>
      <tr>
        <td width="39" rowspan="3" valign="top"><img src="left_bar.jpg" width="39" height="437"></td>
        <td height="40" colspan="2" valign="top"><strong>Меню</strong></td>
        <td colspan="3" valign="top"><a href="index.html">начало</a> | <a href="bike.html">байк</a> | <a href="#" name="link2" id="link2" onMouseOver="MM_showMenu(window.mm_menu_1214175944_0,35,20,null,'link2')" onMouseOut="MM_startTimeout();">за
          сваляне</a> | <a href="#" name="link4" id="link3" onMouseOver="MM_showMenu(window.mm_menu_1214174246_0,0,20,null,'link4')" onMouseOut="MM_startTimeout();">галерия</a> | <a href="#" name="link9" id="link7" onMouseOver="MM_showMenu(window.mm_menu_1214175612_0,70,17,null,'link9')" onMouseOut="MM_startTimeout();">приятели</a> </td>
        <td width="39" rowspan="3" valign="top"><img src="right_bar.jpg" width="39" height="437"></td>
      </tr>
      <tr>
        <td width="89" height="347" valign="top"><a href="index.html">начало</a><br>
            <a href="bike.html">байк</a><br>
            <a href="#" name="link8" id="link5" onMouseOver="MM_showMenu(window.mm_menu_1214182657_0,35,17,null,'link8')" onMouseOut="MM_startTimeout();">за
              сваляне</a><br>
                <a href="http://2aeg10v.ueuo.com/album/" name="link1" id="link1" onMouseOver="MM_showMenu(window.mm_menu_1215161717_0,59,17,null,'link1')" onMouseOut="MM_startTimeout();" >галерия</a><br>
                <a href="#" name="link10" id="link6" onMouseOver="MM_showMenu(window.mm_menu_1214200907_0,40,17,null,'link10')" onMouseOut="MM_startTimeout();">приятели</a>  <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
        </td>
        <td colspan="3" valign="top"><div align="left"><strong><font size="2" face="Geneva, Arial, Helvetica, sans-serif">(:
          Това е личната страница на File_Submit :) </font></strong></div>
            <div align="center"> <br>
                <a href="http://file-submit.hit.bg/snimki/PIC_0100.JPG" rel="lightbox"  title="Аз в Созопол2 :)"><img src="http://file-submit.hit.bg/snimki/smalpic2.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/PIC_0017.JPG" rel="lightbox" title="Аз в Созопол ;)"><img src="http://file-submit.hit.bg/snimki/smalpic5.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/6JPG" rel="lightbox"  title="Аз с плик:)"> <img src="http://file-submit.hit.bg/snimki/smalpic6.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/7.JPG" rel="lightbox" title="Аз и Мила ;)"><img src="http://file-submit.hit.bg/snimki/smalpic7.JPG" width="40" height="40" /></a><br>
                <a href="http://file-submit.hit.bg/snimki/PIC_0006.JPG" rel="lightbox" title="Аз до Ферари :)"><img src="http://file-submit.hit.bg/snimki/smalpic3.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/PIC_0117.JPG" rel="lightbox"  title="Аз на Английски автобус (Double-Decker) :)"> <img src="http://file-submit.hit.bg/snimki/smalpic4.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/8.JPG" rel="lightbox" title="Пак аз :)"><img src="http://file-submit.hit.bg/snimki/smalpic8.JPG" width="40" height="40" /></a> <a href="http://file-submit.hit.bg/snimki/9.JPG" rel="lightbox"  title="Мила, аз, Ивет :)"> <img src="http://file-submit.hit.bg/snimki/smalpic9.JPG" width="40" height="40" /></a><br>
                
               <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <font size="1">best view in [color=red]1024x768[/color]</font></div></td>
        <td width="177" valign="top"><iframe src="http://file-submit.hit.bg/brr/info.html" width="200" height="250" frameborder=0 name="iframe"> </iframe>
         </td>
      </tr>
      <tr>
        <td height="40" colspan="3" valign="top">
           </td>
        <td colspan="2" valign="top"><div align="right"><font size="2">©2003-07
          File_Submit</font></div></td>
      </tr>
      <tr>
        <td height="40" colspan="7" valign="top"><img src="down_bar.jpg" width="587" height="40"></td>
      </tr>
      <tr>
        <td height="1"></td>
        <td></td>
        <td width="10"></td>
        <td width="224"></td>
        <td width="9"></td>
        <td></td>
        <td></td>
      </tr>
  </table>
  <table width="200" border="0">
    <tr>
      <th scope="col"><a href="http://soad-bg.awardspace.com/"><img src="http://soad-bg.hit.bg/logo_min.gif" alt="soad" width="88" height="31" border="0"></a> <a href="http://chessbg.net" target="_blank"><img src="http://www.chessbg.net/banner/88x31.jpeg"
alt="Сайтът за Шах в България" 
style="border:0px; width:88px; height:31px"></a></th>
    </tr>
  </table>
</div>
</body>
</html>

ПРОменяй и си готов

submit · 22 Февруари 2008

извинете, но нещо не разбрах

jefriiiр може ли да оцветиш в червено това, което си променил?

WIDTH="100" трябва да стане WIDTH="100%" ?

iwanov · 23 Февруари 2008

Ае като цяло така ли трябва да ти изглежда страницата:
http://iwanov.hopto.org/asd.php
Това е с твоя си код без да променям нищо.
Резолюцията ми е 1024х768

Иначе може да го записваш така:
10% (процента), 10px (пиксела), 10in (инча), 10cm (сантиметра), 10mm (милиметра), 10pt (пукта), 10pc (пика), 10em (em-компютърна мярка за размер на шрифт), 10ex (еx-компютърна мярка за размер на шрифт).

Това са мерните единици, но най използвани са px и % (пиксели и проценти).

submit · 23 Февруари 2008

трябва да изглежда така: http://store1.data.bg/filesubmit/site3.JPG
но като го погледнах в училище рамката беше разместена :?

благодаря за инфото

пп. и още един въпрос: сложил съм
style="padding:5px; border-right:0.1% inset red; border-bottom:0.1% inset red

при opera излеза xtra, при IE7 - не излизат border-ите

какъв е проблемът? :|

Оразмеряване -еднакъв изглед при всички монитори и резолюции

submit

Registered

koko5

Registered

submit

Registered

Enz0

Registered

jefriii

Registered

submit

Registered

jefriii

Registered

submit

Registered

jefriii

Registered

submit

Registered

iwanov

Registered

submit

Registered