靜態HTML頁面

-3

大家好，提前致謝。我嘗試了幾個小時來製作一個靜態的html頁面，但它不工作確定這個頁面是這個http://blog.plaisio.gr/ 我想讓頁眉和頁腳分開，我不能讓它們完全相同。我用SnappySnippet和我知道的一切，但它不工作我可以有一些指導如何做到這一點，因爲我沒有線索... 我想用一樣的頁眉和頁腳，看起來和工作相同的HTML頁面相同與網站。例如我在菜單上寫下黑色羅盤的代碼時，我懸停鼠標不出現..並花了我幾個小時搜索HTML和CSS文件，以找到每個不同的div類和ID使它..靜態HTML頁面

這裏是我現在直到管理...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
.art-header{ 
    margin:0 auto; 
    height:195px; 
    background-position:0 0; 
    background-repeat:no-repeat; 
    position:relative; 
    width:1190px; 
    z-index:auto !important; 
} 
.row{ 
    display:block; 
    width:1190px; 
    margin:auto; 
    border-bottom:1px solid #000; 
    height:2px; 
    position:absolute; 
    top:212px;left:0px; 
    } 
    .art-header a{ 
     font-weight:bold; 
     text-decoration:none; 
     letter-spacing:3px; 
     color:black;display:block; 
     float:left; 
     } 
     .art-header a:hover{color:#A02C32;} 
     .region.region-top1{ 
      width:1190px; 
      margin:auto; 
      border-bottom:none !important; 
      display:block; 
      } 
      .header-logo{ 
       display:block; 
       height:64px; 
       width:431px; 
       background-repeat:no-repeat; 
       margin-bottom:-6px 
       ;margin-top:19px;} 
.menu-bar{ 
    display:block; 
    height:46px; 
    width:1190px; 
    border-bottom:6px solid #000;} 
    ul.header-menu a{background-color:white;border-left:1px solid black;padding-top:11px;font-weight:bold;font-size:16px;height:29px;display:block;font-family:Helvetica;line-height:normal;letter-spacing:0px;margin-top:6px;padding-left:17px;padding-right:16px;} 
    ul.header-menu a:hover{background:url(Files/menu-bg.png) repeat-x;color:#fff; 

    ul.header-menu{float:left;width:70%;padding:0;margin:0;list-style-type:none;position:relative;left:15px;} 
    ul.header-menu li{position:relative;float:left;} 
    ul.header-menu li .new-events{background:url(Files/new_events.png) no-repeat scroll 0 0 transparent; 
    height:18px; 
    position:absolute; 
    right:10px; 
    top:5px;width:47px;} 
    ul.header-menu > li.active > a:hover{color:#FFF;background:url(Files/active-menu.png) repeat-x;} 
    ul.header-menu li{display:inline;}ul.header-menu > li.active > a{color:#FFF;background:url(/sites/all/themes/MyPlaisioTheme/images/active-menu.png) repeat-x;padding-right:19px;height:55px;border:none;padding-left:18px;} 





</style> 
</head> 

<body> 
<header class="art-header clearfix"> <div class="region region-art-header"> 
    <div class="block block-block" id="block-block-6"> 

       <style type="text/css"> 
#new{ display:block; width:46px; height:26px; background:url(http://www.plaisio.gr/images/radio-new.png) no-repeat center; position:relative; top:-10px; margin-left:302px; } 
ul.header-menu > li.active > a.active { color: #FFF; background: url(/sites/all/themes/plaisioAcademy/images/menu-bg.png) repeat-x;} 
</style> 
<div class="header-logo"><a href="http://www.plaisio.gr/" title="Plaisio.gr"> <img src="Files/plaisio-logo.png" width="222" height="48"></a></div><div class="menu-bar"><ul class="header-menu"><li><a href="http://www.plaisio.gr/" title=" Plaisio.gr">ΠΡΟΪΟΝΤΑ </a></li><li><a href="http://stores.plaisio.gr/" title=" Δείτε τα καταστήματα του Πλαισίου">ΚΑΤΑΣΤΗΜΑΤΑ</a></li><!-- <li class="active"><a href="http://blog.plaisio.gr" title=" Plaisio Blog">BLOG</a></li> --> <li><a href="http://www.plaisio.gr/promo/CampaignCMS.aspx?cid=46" title="EVENTS" style="border-right:1px solid #000;">EVENTS</a><div class="new-events"></div></li></ul><div class="contactinfos"><img src="Files/contact-phone.png"></div></div> 
</div> 

    </div> 




</header> 
</body> 
</html>

來源

2014-09-29 Ant Mar

這不是一個非常好的問題。究竟是什麼問題？你在看什麼，你期望看到什麼？你的鏈接對我來說看起來很好...... – Lee 2014-09-29 10:48:16

「我想讓頁眉和頁腳分開」..這是什麼意思？ – Turnip 2014-09-29 10:52:01

'ul.header-menu a：hover'沒有關閉0.0 – 2014-09-29 11:14:33

使用樣式屬性位置：固定，使其固定在以往任何時候需要或者使用headhesive.jssticky header

來源

2014-09-29 11:24:38 bassam

我不想從頭開始我想要從這裏http://blog.plaisio.gr/獲取頁眉和頁腳，並將它們放在一個html空文件中，並使它們獨立工作，而無需使用已經使用過的Css文件 – 2014-09-29 11:51:19

靜態HTML頁面

回答

相關問題