0

我使用 Microsoft Visual Studio 2010 作为我的编辑器。我遇到了有关布局的问题。我还没有放置任何内容占位符,因此当我在浏览器中查看链接/标题时可以看到它。

<div id="header_container">
    <div id="header">
             <a href="App_Themes/Theme1/index.html"><img src="Images/bannermj.png" alt="MichaelJona Trucking Services, Co." title="MichaelJona Trucking Services, Co." border="0" width="276" height="217" /></a>
        <ul>
          <li ><a href="default.aspx">Home</a> </li>
          <li ><a href="about_us.aspx">About Us</a></li>
          <li ><a href="trucks.aspx">Trucks</a></li>
          <li ><a href="services.aspx">Services</a></li>
          <li ><a href="register.aspx">Register</a></li>
         <li class="contact"><a href="#">Contact</a></li>
        </ul>
    <h1></h1>                
</div>

但是因为它需要一个内容占位符,所以我将内容占位符放在标签内:

<div id="header_container">
    <div id="header">
              <a href="App_Themes/Theme1/index.html"><img src="Images/bannermj.png" alt="MichaelJona Trucking Services, Co." title="MichaelJona Trucking Services, Co." border="0" width="276" height="217" /></a>
   <asp:ContentPlaceHolder ID="sidebar" runat="server">
       <ul>
       <li ><a href="default.aspx">Home</a> </li>
       <li ><a href="about_us.aspx">About Us</a></li>
       <li ><a href="trucks.aspx">Trucks</a></li>
       <li ><a href="services.aspx">Services</a></li>
       <li ><a href="register.aspx">Register</a></li>
      <li class="contact"><a href="#">Contact</a></li>
     </ul>
    <h1></h1>
   </asp:ContentPlaceHolder>                    
</div>

当我在浏览器中查看它时,再也看不到标题了。我不确定问题是否出在css上。

/*----TOP PANEL----*/
#header_container
{
height:299px; 
position:relative; 
margin:0 auto; 
padding:0px; 
background-image:url(images/header_slice.gif); 
background-repeat:repeat-x; 
background-position:top;
 }

#header
{
width:755px; 
height:299px; 
position:relative; 
margin:0 auto; 
padding:0px 9px 0px 14px;
 }

#header img
{
height:86px; 
width: 728px; 
position:absolute; 
top:0; 
left:50px; 
padding:0px;}

#header ul
{
width:94px; 
height:145px; 
padding:23px 29px 20px 40px; 
position:absolute; 
top:103px; 
left:0px; 
background:url(images/ul.gif) 0 0 no-repeat;
}

#header ul li
{
background:url(images/bullet1.gif) 0 7px no-repeat #ccc; 
border-bottom:#929292 dotted 1px; 
font:12px/24px Verdana, Helvetica, sans-serif; 
font-weight:bold; 
color: #000; 
padding-left:10px;}

#header ul li.contact
{
border:none;
}

#header ul li a
{
font-family:Verdana, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
background:#ccc; 
color:#212121;
}

#header ul li a:hover
{
 background:#ccc; 
 color:#B53332; 
 text-decoration:none;
}

#header h1
{
padding:137px 0px 0px 33px; 
background:url(Images/truck3.jpg) 0 0 no-repeat #fff; 
width:547px; 
height:51px; 
font-family:Verdana, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color: #3B3B3B; 
position:absolute; 
top:103px; 
left:175px;
}

/*----sidebar----*/

#sidebar
{
width:94px; 
height:145px; 
padding:23px 29px 20px 40px; 
position:absolute; 
top:103px; 
left:0px; 
background:url(images/ul.gif) 0 0 no-repeat;
}

#sidebar ul
{
width:94px; 
height:145px; 
padding:23px 29px 20px 40px; 
position:absolute; 
top:103px; 
left:0px; 
background:url(images/ul.gif) 0 0 no-repeat;
}

#sidebar ul li
{
 background:url(images/bullet1.gif) 0 7px no-repeat #ccc; 
 border-bottom:#929292 dotted 1px; 
 font:12px/24px Verdana, Helvetica, sans-serif; 
 font-weight:bold; 
 color: #000; 
 padding-left:10px;
 }

#sidebar ul li.contact
{
 border:none;
}

#sidebar ul li a
{
font-family:Verdana, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
background:#ccc; 
color:#212121;
 }

#sidebar ul li a:hover
{
 background:#ccc; 
 color:#B53332; 
text-decoration:none;
 }

#sidebar h1
{
padding:137px 0px 0px 33px; 
background:url(Images/truck3.jpg) 0 0 no-repeat #fff; 
width:547px; 
height:51px; 
font-family:Verdana, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color: #3B3B3B; 
position:absolute; 
top:103px; 
left:175px;
}

我真的需要帮助。我什至无法确定问题出在哪里。我是网络应用程序的新手。

4

2 回答 2

0

ContentPlaceHolder 应位于母版页内,并且其中不应包含任何元素。

然后,您将内容标记放置在指向相应母版页文件的 ASPX 页面中。

内容标签将具有 ContentPlaceHolderID 属性,该属性应与母版页中 ContentPlaceHolder 的 ID 匹配。

检查这个:http: //msdn.microsoft.com/en-us/library/wtxbf3hh.ASPX

于 2014-01-18T11:09:50.723 回答
-1

将内容占位符内的所有内容放在其外部。

于 2014-01-18T11:00:35.207 回答