подскажите как сделать шапку на сайт в "резиновом" шаблоне classic. Буду весьма благодарен добрым людям)
подскажите как сделать шапку на сайт в "резиновом" шаблоне classic. Буду весьма благодарен добрым людям)
Какую шапку? Для какой версии? Насколько Вы знаете верстку и CSS? Вас же не устроит формальный ответ поставьте и выведите DIVы в нужном месте в хедере? Пересказать Вам коротко все учебники по CSS? Путей решения два - начать изучать основы и делать самостоятельно или дать запрос в Поддержку сшить вам шапку
Дайте URL в поддержку. Посмотрим.
Всем привет. Ребята помогите!!! надо сделать сайт, выглядеть должен точно также, как вот здесь: , то есть шапка и подвал растягиваются на все 100%, а контент выровнен по центру страницы. Мучаюсь уже неделю, ничего не получается. Вся страница получается по центру, а надо чтоб шапка и подвал были на 100% размера окна браузера. ПОМОГИТЕ ЛЮДИ ДОБРЫЕ!!! вот код страницы, делал в программе WebPageMaket(((:
В коде <div id="image2" -это подвал, а <div id="image1" -это шапка
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Мой сайт</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<style type="text/css">
div#container
{
position:relative;
width: 1024px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
body {text-align:left;margin:0}
</style>
<script src="ac_activex.js" type="text/javascript"></script>
<script language="JavaScript1.4" type="text/javascript">
<!--
function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//-->
</script>
<script language="javascript" type="text/javascript">
<!--
function MM_swapImgRestore() {
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_preloadImages() {
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_findObj(n, d) {
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() {
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];}
}
//-->
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
if (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)
document.write('<bgsound src="images/shum.mp3" loop="3">');
else
document.write('<embed src="images/shum.mp3" loop="3" autostart="true" HEIGHT="1" WIDTH="1">');
// -->
</script>
<noscript>
<bgsound src="images/shum.mp3" loop="3">
</noscript>
<div id="container">
<div id="roundrect1" style="position:absolute; overflow:hidden; left:608px; top:358px; width:344px; height:450px; z-index:0"><img border=0 width="100%" height="100%" alt="" src="images/roundrect6730921.gif"></div>
<div id="image2" style="position:absolute; overflow:hidden; left:0px; top:1185px; width:100%; height:361px; z-index:1"><img src="images/сайт1.png" alt="" title="" border=0 width=1024 height=361></div>
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:100%; height:292px; z-index:2"><img src="images/сайт.png" alt="" title="" border=0 width=1023 height=292></div>
<div id="text1" style="position:absolute; overflow:hidden; left:187px; top:914px; width:577px; height:284px; z-index:3">
<div class="wpmd">
<div align=justify><font face="Comic Sans MS" class="ws18"><B>Салон красоты "Мери-Н"</B></font></div>
<div align=justify><font face="Comic Sans MS" class="ws12"><BR></font></div>
<div align=justify><font face="Comic Sans MS" class="ws12">«7 Красок» в Перми - это сеть элитных THAI-SPA салонов, расположенных в центре города в торгово-офисном центре «Вознесенский» по адресу ул. Газеты Звезда, 27 и по адресу Большевистская, 114. Всегда для вас: Скидки по клубным картам от 10 до 50%, по корпоративным абонементам - 30%, подарочные сертификаты, пригласителные билеты, VIP - программы. Средняя цена одного часа - 1800р. Узнать подробнее о нашем салоне, а также уточнить интересующую вас информацию можно по тел.</font></div>
<div align=justify><font face="Comic Sans MS" class="ws12"> +7(342)239-29-05 и +7(342)220-65-06 </font>.</div>
</div></div>
<div id="flash1" style="position:absolute; overflow:hidden; left:62px; top:352px; width:538px; height:461px; z-index:4">
<script type="text/javascript">
AC_RunFlashContent("id","flash1","width","538","he ight","461","quality","high","autoplay","true","lo op","true","wmode","window","codebase","http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab","pluginspage","http://www.macromedia.com/go/getflashplayer","src","images/spa.swf");
</script>
<noscript>
<object classid="clsid27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width=538 height=461>
<param name="movie" value="images/spa.swf">
<param name="quality" value="high">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="autoplay" value="true">
<!--[if !IE]>-->
<object data="images/spa.swf" width="538" height="461" type="application/x-shockwave-flash">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
<param name="quality" value="high">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="autoplay" value="true">
</object>
<!--<![endif]-->
</object>
</noscript>
</div>
<div id="nav10d" style="position:absolute; left:60px; top:321px; z-index:5"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/nav14044353590a.gif',1)" href="#"><img name="nav10" onLoad="MM_preloadImages('images/nav14044353590a.gif')" alt="" border=0 src="images/nav14044353590i.gif"></a></div>
<div id="nav11d" style="position:absolute; left:240px; top:321px; z-index:5"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav11','','images/nav14044353591a.gif',1)" href="#"><img name="nav11" onLoad="MM_preloadImages('images/nav14044353591a.gif')" alt="" border=0 src="images/nav14044353591i.gif"></a></div>
<div id="nav12d" style="position:absolute; left:420px; top:321px; z-index:5"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav12','','images/nav14044353592a.gif',1)" href="#"><img name="nav12" onLoad="MM_preloadImages('images/nav14044353592a.gif')" alt="" border=0 src="images/nav14044353592i.gif"></a></div>
<div id="nav13d" style="position:absolute; left:600px; top:321px; z-index:5"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav13','','images/nav14044353593a.gif',1)" href="#"><img name="nav13" onLoad="MM_preloadImages('images/nav14044353593a.gif')" alt="" border=0 src="images/nav14044353593i.gif"></a></div>
<div id="nav14d" style="position:absolute; left:780px; top:321px; z-index:5"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav14','','images/nav14044353594a.gif',1)" href="#"><img name="nav14" onLoad="MM_preloadImages('images/nav14044353594a.gif')" alt="" border=0 src="images/nav14044353594i.gif"></a></div>
<div id="text2" style="position:absolute; overflow:hidden; left:60px; top:284px; width:378px; height:33px; z-index:6">
<div class="wpmd">
<div><font color="#FF0000" face="Comic Sans MS" class="ws12"><I>Почувствуй тратататататататаа!</I></font></div>
</div></div>
<div id="image4" style="position:absolute; overflow:hidden; left:61px; top:351px; width:899px; height:463px; z-index:7"><img src="images/shape1731262656.gif" alt="" title="" border=0 width=899 height=463></div>
<div id="text3" style="position:absolute; overflow:hidden; left:633px; top:418px; width:288px; height:328px; z-index:8">
<div class="wpmd">
<div align=center><font face="Comic Sans MS" class="ws12">Эффект талассотерапии основан на целительном действии морской воды на кожу и тело.</font></div>
<div align=center><font face="Comic Sans MS" class="ws12"> Морская вода содержит остаточные элементы магния, калия, сульфата кальция и натрия. При ее использовании в таких процедурах, как душ с морской водой, обертывания с водорослями, ванны с погружением, аппликации и косметические маски эти минералы впитываются кожей через поры. </font></div>
<div align=center><font face="Comic Sans MS" class="ws12">В стандартный комплекс процедур талассотерапии входят теплые ванны с морской водой и водорослями, гидромассаж и обертывания.</font></div>
<div><font face="Comic Sans MS" class="ws12"><BR></font></div>
</div></div>
</div></body>
</html>
ПОМОГИТЕ, ПОЖАЛУЙСТА, РАЗОБРАТЬСЯ
Для какой версии надо?
Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)
Социальные закладки