我不能把图片分成两部分。我究竟做错了什么？

<！DOCTYPE html> 

< html > 

< head > < meta charset = “ utf-8” > <标题> SigurjónJóhannesson| Áhugamaður </ title > < link rel = “ stylesheet” href = “ css / normalize.css” > < link href = 'https: //fonts.googleapis.com/css?family = Ubuntu:400,400italic,700,700italic,500 |劳拉：400,700italic，400italic”相对= '样式表'类型= '文本/样式表'  

     相对= “样式表”  HREF = “CSS / main1.css” > 

</头> <体> <报头> <一个HREF = “index.html的” ID = “标志” > < H1 > SigurjónJóhannesson的</ H1 > < h2 > Áhugamaður </ h2 > </ a > <导航> < ul > <li > < a href  

 

           = “index.html的” 类：“选择” >组合</一> </李> 

<李> <一个HREF = “嗯-mig.html” >庵MIG </一> </李> <李> < a href = “ Hafa-samband.html” > Hafa Samband </ a > </ li > </ ul > </ nav > </标头> < div ID           

 

     = “包装” > 

<节> < UL ID： “图库” > <李> <一个HREF = “PIC / island1.jpg” > < IMG SRC = “PIC / island1.jpg” ALT = “” > < p > SólseturásunnanverðuÍslandi </ p > </ a > </ li > < li > <a href = “ Pic / island2.jpg”      

 

             > 

< img src = “ Pic / island2.jpg” alt = “” > < p > Íslandaðskiptaívetrafeldinn </ p > </ a > </ li > < li > < a href = “ Pic / island3.jpg “ > < img src = ” Pic / island3.jpg“ alt = ”“ > < p > FjallagarðuáÍslandi </ p > </ a > </                

 

          李> 

<李> <一个HREF = “PIC / island4.jpg” > < IMG SRC = “PIC / island4.jpg” ALT = “” > < p > Bláalónið </ p > </一> </李> <锂> <一个HREF = “PIC / island5.jpg” > < IMG SRC = “PIC / island5.jpg” ALT = “”> < p >          

 

              Laugarvegurinnfrægi </ p > 

</一> </李> </ UL > </节> <页脚> <一个HREF = “http://twitter.com/Sigurjon90” > < IMG SRC = “PIC / twitter- wrap.png” ALT = “Twitter的标志” > </一> <一个HREF = “http://facebook.com/sigurjonj” > < IMG SRC = “PIC / Facebook的wrap.png”alt =            

 

           “ Facebook徽标” > </ a > 

< p > ＆copy; 2015SigurjónJóhannesson </ p > </ footer > </ div > </ body > </ html >        

 

/ ********************************************

一般

********** ********************************* / 

body { font-family ：' Lora ' ，sans-serif ; } ＃包装{最大宽度：940像素; 保证金：0自动; 填充：0 5 ％; }一个{文字修饰：无; } img {最大宽度：100 ％；}

 

/ ********************************************

标题

********** ********************************* / 

＃徽标{ text-align ：center ; 边距：0 ; } h1 { font-family ：'Ubuntu' ，草书; 边距：15 px 0 ; 字体大小：1.90 em ; font-weight ：正常；行高：0.8 em ; } h2 { font-size ：

 

   0.75 em ; 

边距：-5 px 0 0 ; font-weight ：正常；} / **************************************导航********* ****************************** / nav { text-align ：center ; 填充：10 px 0 ; 边距：20 px 0 0 ; } / **************************************脚步******** ****************************** /页脚{字体大小     

 

  ： 0.75 em ; 

text-align ：center ; padding-top ：50像素；颜色：#ccc ; } / ************************************** PAGE：PORTFOLIO ******* ************************************ / ＃画廊{边距：0 ; 填充：0 ; 列表样式：无；} ＃画廊里{浮动：左; 宽度：45   

   

   ％; 

利润率：2.5 ％; 背景颜色：＃f5f5f5 ; 颜色：bdc3c7 ; } / ****************************************荔枝********* ********************************** / / *站点主体* /主体{背景：#fff ; 颜色：＃999 ; }标头{背景：＃217C7E ; 边框颜色：＃9A3334 ; } a {颜色：＃217C7E   

 

   ; 

} 

/ *广告标题* / 

h1 ， h2  { 

color ：#fff ; } / * navífarsímavafrara* / nav {背景：＃217C7E ; } / *选择virkar ekkihjámér-lagaþettaseinna * / nav a ，nav a 。选择{颜色：#fff ; } / *导航链接* /导航a 。选择，NAV一个：悬停{颜色：darkblue   

   ; 

}

 

 

答：对于初学者，您错误地声明了无序列表ID（必须使用等号而不是冒号）。您还可以通过“已选择”类完成此操作。同样在CSS文件中，您似乎无意中注释了一些重要的CSS规则。（我认为这是一个错误，因为您似乎忘记了在文档底部附近的两次出现的注释末尾都带有星号）。

 

由于我们不知道您使用的图像的尺寸，因此很难评估导致问题的原因。