Jump to content
  • 0

помогите пожасто!!!!

master po metallyfe2o3@in

Asked by master po metallyfe2o3@in,

 Share

Question

11 answers to this question

Recommended Posts

  • 0
master po metallyfe2o3@in Explorer

master po metallyfe2o3@in

Posted
  • Author
Posted

да нужно на всю ширину!Но дело в том что при разрешении 1024х768 все отлично работает, а при 1208х1024 происходит сдвиг текстовой части и всего остального, вобщем тупо выходит, так вот вопрос как так сделать чтобы броузер сам как бы расстягивал когда надо или нет, ширину.Так вообще можно сделать?

Link to comment
Share on other sites
  • 0
master po metallyfe2o3@in Explorer

master po metallyfe2o3@in

Posted
  • Author
Posted

вот код тока он несколько усугубленный,извините.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ru">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Welcome to Irland</title>
<style type="text/css">
A {
 text-decoration: none; /* Отменяем подчеркивание у ссылки */}
A:link { 
 color: #CCCCCC /* Цвет непосещенных ссылок */
}

A:visited { 
 color: #cccccc /* Цвет посещенных ссылок */
}

A:hover { 
 color: #ff9900 /* Цвет ссылок при наведении на них курсора мыши */
}

A:active { 
 color: #cccccc /* Цвет активных ссылок */
}

 .style1 {
 color: #CCCCCC;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border-top: 1px;
 border-top-color: #999999;
 height: 1px;
 line-height: normal;
 margin: 0;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 marker-offset: 0px;
 max-width: 100%;
 outline-color: #CCCCCC;
 text-transform: none;
}
 .style3 {font-family: Verdana, Arial, Helvetica, sans-serif}
 .style3 {color: #999999; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
 .style4 {color: #CCCCCC; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
 #Layer1 {
 position:absolute;
 left:196px;
 top:445px;
 width:811px;
 height:898px;
 z-index:1;
}
#Layer2 {
 position:absolute;
 left:236px;
 top:506px;
 width:77px;
 height:23px;
 z-index:1;
}
 .style5 {
 font-size: 30px;
 font-weight: bold;
 color: #006600;
}
 #Layer3 {
 position:absolute;
 left:236px;
 top:573px;
 width:714px;
 height:610px;
 z-index:2;
}
 #Layer4 {
 position:absolute;
 left:236px;
 top:549px;
 width:713px;
 height:2px;
 z-index:3;
}
 #Layer5 {
 position:absolute;
 left:192px;
 top:1306px;
 width:21px;
 height:0px;
 z-index:4;
}
 #Layer6 {
 position:absolute;
 left:194px;
 top:1323px;
 width:819px;
 height:597px;
 z-index:4;
 background-color: #FFFFFF;
}
 #Layer7 {
 position:absolute;
 left:192px;
 top:1377px;
 width:814px;
 height:779px;
 z-index:5;
 background-color: #FFFFFF;
}
 #Layer8 {
 position:absolute;
 left:200px;
 top:1324px;
 width:11px;
 height:78px;
 z-index:6;
}
 #Layer9 {
 position:absolute;
 left:192px;
 top:1309px;
 width:807px;
 height:962px;
 z-index:6;
 background-color: #FFFFFF;
}
 #Layer10 {
 position:absolute;
 left:-3px;
 top:1374px;
 width:195px;
 height:84px;
 z-index:7;
 background-color: #FFFFFF;
}
 #Layer11 {
 position:absolute;
 left:638px;
 top:598px;
 width:189px;
 height:188px;
 z-index:8;
}
 #Layer12 {
 position:absolute;
 left:767px;
 top:596px;
 width:181px;
 height:239px;
 z-index:8;
}
 #Layer13 {
 position:absolute;
 left:236px;
 top:582px;
 width:502px;
 height:592px;
 z-index:0;
}
 #Layer14 {
 position:absolute;
 left:121px;
 top:962px;
 width:706px;
 height:253px;
 z-index:10;
}
.style14 {font-size: 14px}
 .style15 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}
 #Layer15 {
 position:absolute;
 left:783px;
 top:857px;
 width:155px;
 height:95px;
 z-index:9;
}
 #Layer16 {
 position:absolute;
 left:245px;
 top:998px;
 width:199px;
 height:75px;
 z-index:10;
}
 #Layer17 {
 position:absolute;
 left:802px;
 top:991px;
 width:124px;
 height:159px;
 z-index:10;
}
 #Layer18 {
 position:absolute;
 left:237px;
 top:1249px;
 width:52px;
 height:50px;
 z-index:11;
}
 .style22 {
 color: #006600;
 font-weight: bold;
}
 .style23 {color: #009900}
 #Layer19 {
 position:absolute;
 left:409px;
 top:1180px;
 width:174px;
 height:130px;
 z-index:11;
}
 #Layer20 {
 position:absolute;
 left:236px;
 top:1180px;
 width:1px;
 height:1px;
 z-index:12;
}
 #Layer21 {
 position:absolute;
 left:590px;
 top:1180px;
 width:163px;
 height:130px;
 z-index:13;
}
 #Layer22 {
 position:absolute;
 left:764px;
 top:1180px;
 width:168px;
 height:130px;
 z-index:14;
}
 #Layer23 {
 position:absolute;
 left:192px;
 top:1319px;
 width:809px;
 height:80px;
 z-index:15;
 background-color: #FFFFFF;
}
 #Layer24 {
 position:absolute;
 left:233px;
 top:1381px;
 width:531px;
 height:23px;
 z-index:16;
}
 #Layer25 {
 position:absolute;
 left:234px;
 top:1422px;
 width:718px;
 height:2px;
 z-index:17;
}
 #Layer26 {
 position:absolute;
 left:237px;
 top:1478px;
 width:209px;
 height:275px;
 z-index:18;
}
 #Layer27 {
 position:absolute;
 left:531px;
 top:1458px;
 width:157px;
 height:17px;
 z-index:19;
}
 #Layer28 {
 position:absolute;
 left:529px;
 top:1477px;
 width:164px;
 height:404px;
 z-index:20;
}
 #Layer29 {
 position:absolute;
 left:735px;
 top:1458px;
 width:149px;
 height:18px;
 z-index:21;
}
 #Layer30 {
 position:absolute;
 left:737px;
 top:1492px;
 width:142px;
 height:111px;
 z-index:22;
}
 .style29 {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
 #Layer31 {
 position:absolute;
 left:314px;
 top:1478px;
 width:68px;
 height:29px;
 z-index:23;
}
 .style30 {font-size: 18px; font-weight: bold; color: #006600; }
 #Layer32 {
 position:absolute;
 left:234px;
 top:1520px;
 width:281px;
 height:2px;
 z-index:24;
}
 #Layer33 {
 position:absolute;
 left:241px;
 top:1828px;
 width:53px;
 height:22px;
 z-index:23;
}
 #Layer34 {
 position:absolute;
 left:241px;
 top:1857px;
 width:249px;
 height:2px;
 z-index:24;
}
 #Layer35 {
 position:absolute;
 left:728px;
 top:1631px;
 width:178px;
 height:83px;
 z-index:25;
}
 #Layer36 {
 position:absolute;
 left:372px;
 top:257px;
 width:442px;
 height:54px;
 z-index:16;
}
 #Layer37 {
 position:absolute;
 left:353px;
 top:257px;
 width:431px;
 height:56px;
 z-index:16;
}
 #Layer38 {
 position:absolute;
 left:350px;
 top:293px;
 width:493px;
 height:63px;
 z-index:16;
}
 </style>
<!--.style2 {сolor: #FFFFFF;font-size: 16px;}</style>
-->
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
 if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
 document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
 else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor=""
 background="Table1.jpg" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<div class="style5" id="Layer2">Ирландия</div>
<div id="Layer4">
<hr></div>
<div id="Layer10"></div>
<div id="Layer12"><img src="map_irlandia.gif" alt="карта ирландии"
 height="240" width="181"></div>
<div class="style15" id="Layer13">
<p class="style14" align="justify"><span class="style22">Ирландия</span>
</p>
</div>
<table width="100%" height="1376" border="1" align="center"
 cellpadding="2" cellspacing="2" background="Table1.jpg" frame="" rules="" style="width: 100%;">
 <tbody>
 <tr>
 <td rowspan="1" colspan="8"
 style="background-color: rgb(7, 11, 7); height: 195px; width: 106px;"><img
 src="sapka.jpg" alt="" style="width: 970px; height: 166px;"
 height="184" width="970"></td>
 </tr>
 <tr>
 <td style="font-family: monospace; height: 65px;" rowspan="2"
 colspan="1" align="top" width="180"><img src="logotip.jpg"></td>
 <td
 style="text-align: center; height: 42px; font-family: monospace;"
 width="105"><a href="England.html"
 onmouseover="document.pm1.src='2.gif'"
 onmouseout="document.pm1.src='1.gif'"><img src="1.gif" name="pm1"
 alt="Англия" border="0" height="42" width="104"></a> </td>
 <th
 style="text-align: center; height: 42px; font-family: monospace;"
 nowrap="nowrap" width="105"><a href="Deutsch.html"
 onmouseover="document.pm2.src='n2.gif'"
 onmouseout="document.pm2.src='n1.gif'"><img src="n1.gif" name="pm2"
 alt="Германия" border="0" height="42" width="104"></a>

 </th>
 <td
 style="text-align: center; height: 42px; font-family: monospace;"
 width="105"><a href="Irland.html"
 onmouseover="document.pm3.src='norm2.gif'"
 onmouseout="document.pm3.src='norm.gif'"><img src="norm.gif" name="pm3"
 alt="Ирландия" border="0" height="42" width="104"></a>

 </td>
 <td
 style="text-align: center; height: 42px; font-family: monospace;"
 width="105"><a href="Spanish.html"
 onmouseover="document.pm4.src='orm2.gif'"
 onmouseout="document.pm4.src='orm1.gif'"><img src="orm1.gif" name="pm4"
 alt="Испания" border="0" height="42" width="104"></a>

 </td>
 <td
 style="text-align: center; height: 42px; font-family: monospace;"
 width="105"><a href="Italian.html"
 onmouseover="document.pm5.src='rm2.gif'"
 onmouseout="document.pm5.src='rm1.gif'"><img src="rm1.gif" name="pm5"
 alt="Италия" border="0" height="42" width="104"></a>

 </td>
 <td
 style="text-align: center; width: 104px; height: 42px; font-family: monospace;"
 bgcolor="#000000" width="105"><a href="Franch.html"
 onmouseover="document.pm6.src='m2.gif'"
 onmouseout="document.pm6.src='m1.gif'"><img src="m1.gif" name="pm6"
 alt="Франция" border="0" height="42" width="104"></a>

 </td>
 <td
 style="text-align: center; width: 104px; height: 42px; font-family: monospace;"
 width="126"><a href="Cheh.html"
 onmouseover="document.pm7.src='2_2.gif'"
 onmouseout="document.pm7.src='1_1.gif'"><img src="1_1.gif" name="pm7"
 alt="Чехия" border="0" height="42" width="104"></a>

 </td>
 </tr>
 <tr>
 <td style="width: 106px; height: 65px;" colspan="7" rowspan="1">
</td>
 </tr>
 <tr>
 <td width="180" height="40" background="флаг1.jpg">

 </td>
 <td colspan="7" rowspan="1" align="undefined" valign="undefined">

 </td>
 </tr>
 <tr>
<!-- Left MENU --> <td align="left" background="gr1.jpg" height="997"
 valign="baseline" width="180">
 <p> </p>
 <div align="center">









 <span class="style1"><a
 href="География.html"
 target="_parent" class="style4"><strong><b>География</b></strong></a></span><span
 class="style3">

 </span><span class="style1">
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="История.html" title="История"
 target="_parent" class="style4"><strong>История</strong></a>

 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Население.html"
 title="Население" target="_parent" class="style4"><b>Население</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Образование.html"
 title="Образование" target="_parent" class="style4"><b>Образование</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Культура.html"
 title="Культура" target="_parent" class="style4"><b>Культура</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Архитектура.html"
 title="Архитектура" target="_parent" class="style4"><b>Архитектура</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="%D0%97%D0%B0%D0%BC%D0%BA%D0%B8.html" title="Замки"
 target="_parent" class="style4"><b>Замки</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Музеи.html" title="Музеи"
 target="_parent" class="style4"><b>Музеи</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Курорты.html" title="Курорты"
 target="_parent" class="style4"><b>Курорты</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Туры.html" title="Туры" target="_parent"
 class="style4"><b>Туры</b></a>
 <hr align="center" noshade="noshade" size="1" width="180"> <a
 href="Визы.html" title="Визы" target="_parent"
 class="style4"><b>Визы</b></a></span>
 <hr align="center" noshade="noshade" size="1" width="180"> </div>
 </td>
 <td style="width: 773px; height: 964px;" colspan="7" rowspan="1"
 background="okno.jpg">
 <p align="top"></p>
 <h2><b><strong></strong></b></h2>
 <p> </p>
 <p> </p>
 <p> </p>
 </td>
 </tr>
 </tbody>
</table>
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0"
 height="83" width="1004">
<!--DWLayoutTable--> 
<tbody>
 <tr>
 <td valign="top" width="1011"><!--DWLayoutEmptyCell--> </td>
 </tr>
 <tr>
 <td height="64">

 </td>
 </tr>
 </tbody>
</table>
</body>
</html>

Link to comment
Share on other sites
  • 0
Dimitry Wolotko Explorer

Dimitry Wolotko

Posted
Posted

Урежьте свой код, лишние стили повыкидывайте, или сделайте просто схематичный набросок, без навесок. Мне, откровенно сказать, лень просматривать код, половина которого просто не имеет отношения к вопросу.

Link to comment
Share on other sites
  • 0
master po metallyfe2o3@in Explorer

master po metallyfe2o3@in

Posted
  • Author
Posted 
<html lang="ru">
<head>
<meta content="text/html; charset=UTF-8"
http-equiv="content-type">
<title></title>
</head>
<body>
<table
style="text-align: left; width: 968px; height: 999px;"
border="1" cellpadding="2" cellspacing="2"style="margin-top: 0px; margin-left: 0px; width: 1024px; height: 919px;">
<tbody>
<tr>
<td style="height: 151px;"
colspan="5" rowspan="1" align="undefined"
valign="undefined">

</td>
</tr>
<tr>
<td colspan="1" rowspan="2"
style="height: 67px;" align="undefined"
valign="undefined">

</td>
<td style="height: 47px;"
align="undefined" valign="undefined">

</td>
<td style="height: 47px;"
align="undefined" valign="undefined">

</td>
<td style="height: 47px;"
align="undefined" valign="undefined">

</td>
<td style="height: 47px;"
align="undefined" valign="undefined">

</td>
</tr>
<tr>
<td style="height: 67px;"
align="undefined" valign="undefined">

</td>
<td style="height: 67px;"
align="undefined" valign="undefined">

</td>
<td style="height: 67px;"
align="undefined" valign="undefined">

</td>
<td style="height: 67px;"
align="undefined" valign="undefined">

</td>
</tr>
<tr>
<td style="height: 722px;"
align="undefined" valign="undefined">

</td>
<td style="height: 722px;"
align="undefined" valign="undefined">

</td>
<td style="height: 722px;"
align="undefined" valign="undefined">

</td>
<td style="height: 722px;"
align="undefined" valign="undefined">

</td>
<td style="height: 722px;"
align="undefined" valign="undefined">

</td>
</tr>
</tbody>
</table>


</body>
</html>

Link to comment
Share on other sites
  • 0
maddogrts Explorer

maddogrts

Posted
Posted

min-width мне так кажется ? или я не прпавильно вас понял ?

да нужно на всю ширину!Но дело в том что при разрешении 1024х768 все отлично работает, а при 1208х1024 происходит сдвиг текстовой части и всего остального, вобщем тупо выходит, так вот вопрос как так сделать чтобы броузер сам как бы расстягивал когда надо или нет, ширину.Так вообще можно сделать?

Не вижу как бы проблемы задавая для таблицы 100% ширину вы говорите браузеру о том чтобы он всегда вмещал таблицу в окно браузера. Можно некоторые части таблицы сделать фиксированной ширины например. Покажите где это работает, выложите линк на сайт ;).

Link to comment
Share on other sites
  • 0
Slyfox Explorer

Slyfox

Posted
Posted

Предлагаю следующее к примеру так, надесь вы поймете о чем это я

086_1.gif

Такой подход тут http://htmlbook.ru/content/?id=86

Все полностью подобное по табличной верстке тут http://htmlbook.ru/content/?pid=16

Надеюсь это вам поможет и не надо при этом варианте, что на фото, сильно мудрить. Да и не забудьте сказать Владу Мержевичу ОГРОМНОЕ СПАСИБО ;)

Если вдруг и это не поможет, то самый простой способ запихнуть в ячейки таблицы еще таблицы - хотя это наверное не самый удачный вариант.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept