VPF::Вопрос про шапку сайта. - Форум программистов

Nightwalker

Дата 26.5.2006, 12:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 505
Регистрация: 15.9.2005

Репутация: -9
Всего: -18

Ну есть код (txt файл в архиве) - это начало всего кода включающее в себя шапку...
Эта шапка сделана под разрешение 800х600 - нужно сделать так что бы она растягивалась на все 100% доступного пространсива...

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> Название сайта.com - home</title>
<META NAME="keywords" CONTENT="Australian Internet Radio, ShoutCast streaming, ServerRoom streaming, Dance, Internet Radio, Название сайта, Club Music, Vocal Trance, House Music">
<META NAME="description" CONTENT="24/7 Internet Radio Station playing the best of new and classic dance.">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="main.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<link href="table.css" rel="stylesheet" type="text/css">
<!---------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------->
<script language="JavaScript" type="text/JavaScript">
function mmLoadMenus() {
  if (window.mm_menu_0927212926_0) return;
        window.mm_menu_0927212926_0 = new Menu("root",84,20,"Verdana",9,"#000000","#FFFFFF","#3697FB","#007DFB","center","middle",0,2,1000,-5,7,true,false,true,0,false,true);
  mm_menu_0927212926_0.addMenuItem("Home","location='@pge=home'");
  mm_menu_0927212926_0.addMenuItem("News","location='@pge=news'");
   mm_menu_0927212926_0.hideOnMouseOut=true;
   mm_menu_0927212926_0.bgColor='#000000';
   mm_menu_0927212926_0.menuBorder=1;
   mm_menu_0927212926_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0927212926_0.menuBorderBgColor='#000000';
    window.mm_menu_0927211337_0_2 = new Menu("Cable&nbsp;&nbsp;64&nbsp;kbps",98,20,"Verdana",9,"#000000","#FFFFFF","#3697FB","#007DFB","center","middle",0,2,1000,-5,7,true,false,true,0,false,true);
    mm_menu_0927211337_0_2.addMenuItem("Offline Sorry","");
     mm_menu_0927211337_0_2.hideOnMouseOut=true;
     mm_menu_0927211337_0_2.bgColor='#000000';
     mm_menu_0927211337_0_2.menuBorder=1;
     mm_menu_0927211337_0_2.menuLiteBgColor='#FFFFFF';
     mm_menu_0927211337_0_2.menuBorderBgColor='#000000';
    window.mm_menu_0927211337_0_3 = new Menu("Dial&nbsp;up&nbsp;24kbps",98,20,"Verdana",9,"#000000","#FFFFFF","#3697FB","#007DFB","center","middle",0,2,1000,-5,7,true,false,true,0,false,true);
    mm_menu_0927211337_0_3.addMenuItem("Kysol.com","window.open('../www.kysol.com/default.htm', '_blank');");
    mm_menu_0927211337_0_3.addMenuItem("Listen&nbsp;Now","location='../www.Название сайта.com_3A8000/listen.pls'");
     mm_menu_0927211337_0_3.hideOnMouseOut=true;
     mm_menu_0927211337_0_3.bgColor='#000000';
     mm_menu_0927211337_0_3.menuBorder=1;
     mm_menu_0927211337_0_3.menuLiteBgColor='#FFFFFF';
     mm_menu_0927211337_0_3.menuBorderBgColor='#000000';
    window.mm_menu_0927211337_0_1 = new Menu("Winamp",95,20,"Verdana",9,"#000000","#FFFFFF","#3697FB","#007DFB","center","middle",0,2,1000,-5,7,true,false,true,0,false,true);
    mm_menu_0927211337_0_1.addMenuItem(mm_menu_0927211337_0_2);
    mm_menu_0927211337_0_1.addMenuItem(mm_menu_0927211337_0_3);
     mm_menu_0927211337_0_1.hideOnMouseOut=true;
     mm_menu_0927211337_0_1.bgColor='#000000';
     mm_menu_0927211337_0_1.menuBorder=1;
     mm_menu_0927211337_0_1.menuLiteBgColor='#FFFFFF';
     mm_menu_0927211337_0_1.menuBorderBgColor='#000000';
  window.mm_menu_0927211337_0 = new Menu("root",89,20,"Verdana",9,"#000000","#FFFFFF","#3697FB","#007DFB","center","middle",0,2,1000,-5,7,true,false,true,0,false,true);
  mm_menu_0927211337_0.addMenuItem(mm_menu_0927211337_0_1);
  mm_menu_0927211337_0.addMenuItem("Media&nbsp;Player&nbsp;9","window.open('content/radio/listen_m9.php','Media9','width=350,height=40')");
  mm_menu_0927211337_0.addMenuItem("IE&nbsp;6.0","window.open('content/radio/listen.php','Название сайта','width=300,height=85')");
   mm_menu_0927211337_0.hideOnMouseOut=true;
   mm_menu_0927211337_0.childMenuIcon="arrows.gif";
   mm_menu_0927211337_0.bgColor='#000000';
   mm_menu_0927211337_0.menuBorder=1;
   mm_menu_0927211337_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0927211337_0.menuBorderBgColor='#000000';
window.mm_menu_0927214106_0 = new Menu("root",85,20,"Verdana",9,"#000000","#FFFFFF","#3697FB","#007DFB","center","middle",0,2,1000,-5,7,true,false,true,0,false,true);
  mm_menu_0927214106_0.addMenuItem("CHAT","window.open('content/chat/chat5.html','crchat','status=yes,resizable=yes,width=700,height=500')");
  mm_menu_0927214106_0.addMenuItem("FORUM","location='@pge=forum'");
   mm_menu_0927214106_0.hideOnMouseOut=true;
   mm_menu_0927214106_0.bgColor='#000000';
   mm_menu_0927214106_0.menuBorder=1;
   mm_menu_0927214106_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0927214106_0.menuBorderBgColor='#000000';

mm_menu_0927214106_0.writeMenus();
} // mmLoadMenus()
<!--

<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
<script language="JavaScript" 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="#232323" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-image: url('images/bg.gif'); background-repeat: repeat-x;">
<script language="JavaScript1.2">mmLoadMenus();</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
    
<!---
    <table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
          <td width="200" align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000066"><strong>[</strong></font> 
            <a href="http://www.kysol.com"><font color="#000000">Kysol.com</font></a> 
            <strong><font color="#000066">Network ]</font></strong></td>
          <td align="center" valign="middle" background="images/bar-1-mid.gif"><strong><a href="http://www.Название сайта.com"><font color="#000000">www.Название сайта.com</font></a> 
            <font color="#000066">::</font> <a href="http://www.arcadepimp.com"><font color="#000000">www.Arcadepimp.com</font></a></strong></td>
          <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
        </tr>
    </table>
    
    --->
      </td>
  </tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td rowspan="5" align="right" valign="top">&nbsp;</td>
    <td width="9" rowspan="5" align="right" valign="top" background="images/side_bg.jpg">&nbsp;</td>
    <td> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="156"><img src="images/logo_chick_3.jpg" width="156" height="179"></td>
          <td height="179" background="images/logo_text.jpg"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
              <tr align="left" valign="middle"> 
                <td width="2%" height="27">&nbsp;</td>
                <td colspan="4"> 
                                    <font color="#47B5FF">Now Playing: </font><strong>DJ Paully - Summer Funk Mix [Jan 2006]</strong>                                  </td>
              </tr>
              <tr align="left" valign="middle"> 
                <td height="22">&nbsp;</td>
                <td width="48%">&nbsp;</td>
                <td width="13%" align="center"><font color="#FFCC00"><strong>Tune 
                  In Now:</strong></font></td>
                <td width="13%" align="center" STYLE="cursor: pointer;" onClick="MM_goToURL('parent','../Название сайта.serverroom.us_3A8010/listen.pls');return document.MM_returnValue"><strong>32k 
                  Stream </strong></td>
                <td width="24%" align="center"><u>Requires <font color="#FFCC00"><strong>Winamp</strong></font> 
                  5.08 +</u></td>
              </tr>
              <tr align="left" valign="middle"> 
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td colspan="3">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table></td>
    <td width="9" rowspan="5" align="right" valign="top" background="images/side_bg.jpg">&nbsp;</td>
    <td rowspan="5">&nbsp;</td>
  </tr>
  <tr> 
    <td height="29" align="left" valign="middle" background="images/menu_bg.jpg"><table height="29" border="0" align="center" cellpadding="2" cellspacing="0">
        <tr align="center" valign="middle"> 
          <td><table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=home');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000">Home</font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>
          <td> <table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=news');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000">News</font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>
          <td><table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=djs');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000">DJs</font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>
          <td><table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=schedule');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000">Schedule</font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>
          <td><table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=radio');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000">Radio 
                  Information </font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>
          <td> <table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=mp3s');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td width="50" align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000"><strong><u> 
                  MP3s</u></strong></font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>

          <td><table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=forum');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000">Forums</font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>
          <td><table height="22" border="0" cellpadding="0" cellspacing="0" onClick="MM_goToURL('parent','?pge=help');return document.MM_returnValue" STYLE="cursor: pointer;">
              <tr> 
                <td width="15" background="images/bar-1-left.gif">&nbsp;</td>
                <td align="center" valign="middle" background="images/bar-1-mid.gif"><font color="#000000">Help</font></td>
                <td width="15" background="images/bar-1-right.gif">&nbsp;</td>
              </tr>
            </table></td>
                  </tr>
      </table> </td>
  </tr>
  <tr> 
    <td width="778" height="48" align="center" valign="middle" background="images/top_menu_bottom2.jpg">
    </td>
  </tr>
  <tr> 
    <td><table width="778" border="0" cellspacing="0" cellpadding="0">
        <tr align="left" valign="top">
        
        
          <td width="249" background="images/left_menu_mid.jpg"><table border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td><img src="images/welcome_message.jpg" width="249" height="35"></td>
              </tr>
              <tr> 
                <td height="145"> 
                                    <table width="100%" height="145" border="0" cellpadding="0" cellspacing="0">
                    <tr> 
                      <td>
<iframe  marginwidth="0" marginheight="0" src="file.html" frameborder="0" width="206" scrolling="no" height="160">
</iframe>
<table width="100%" height="145" border="0" cellpadding="0" cellspacing="0">
<tr> 
 

<br>

<iframe  marginwidth="0" marginheight="0" src="file.html" frameborder="0" width="206" scrolling="no" height="160">

</iframe>

</br>

<TD vAlign=top width=206>

jsse

Дата 26.5.2006, 14:21 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 99
Регистрация: 1.5.2006
Где: Кривой Рог

Репутация: 2
Всего: 2

Ну прежде всего читаем документацию по html.

Потом с помощью /dev/hands ищем width, который отвечает за ширину ячеек
и исправляем на нужное значение.

Nightwalker

Дата 26.5.2006, 18:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 505
Регистрация: 15.9.2005

Репутация: -9
Всего: -18

Я книги читал.

все это делается!
Но при этом в верху шапки в таком слчае - получается зазор!
и все смещается...

Nightwalker

Дата 27.5.2006, 14:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 505
Регистрация: 15.9.2005

Репутация: -9
Всего: -18

Что нужно сделать?

HuKoLaU

Дата 27.5.2006, 16:10 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 47
Регистрация: 30.4.2006
Где: Беларусь, г.Бобр уйск

Репутация: нет
Всего: нет

Не понимаю, какие могут у тебя возникнуть ту проблемы, если ты знаешь HTML и CSS?
И это такая у тебя шапка сайта 284 строчки кода, и кто в этом захочет разбираться smile

)
Тебе никто не может помочь пока ты неопределишся чего ты именно хочешь.

grinmax

Дата 28.5.2006, 15:46 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 25
Регистрация: 28.5.2006

Репутация: нет
Всего: нет

1. width:100%
2. Попробуй float:left; поставить
3. Разбить шапку на 2 части.. и создать картинку 1px , сделать повторение BACKGROUND:#F0F2F3 URL(im/logo_b.gif) REPEAT-X; правую часть float:right; а левую float:left;

эт я неглядя на твой код написал.

Nightwalker

Дата 28.5.2006, 22:47 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 505
Регистрация: 15.9.2005

Репутация: -9
Всего: -18

Проблема в том что картинку мостит при использовании тега BACKGROUND.Что делать?

R.M.

Дата 29.5.2006, 11:09 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

Nightwalker, свойство background-repeat: repeat-x|repeat-y;

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

Nightwalker

Дата 29.5.2006, 16:53 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 505
Регистрация: 15.9.2005

Репутация: -9
Всего: -18

"Это я знаю...
Но тогда картинка не будет растягиваться...
Можно ли сделать что бы картинка растягивалась?.."

grinmax

Дата 30.5.2006, 23:36 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 25
Регистрация: 28.5.2006

Репутация: нет
Всего: нет

Разбить шапку на 2 части.. и создать картинку 1px , сделать повторение BACKGROUND:#F0F2F3 URL(im/logo_b.gif) REPEAT-X; правую часть float:right; а левую float:left;

Nightwalker

Дата 1.6.2006, 20:02 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 505
Регистрация: 15.9.2005

Репутация: -9
Всего: -18

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »