卡住了一個CSS分配

-6

好的，關於模糊標題的道歉，問題更具體。我正在嘗試一些非常簡單的操作：在圖像旁邊整齊放置一段文字。在here中，您可以找到該作業的PDF文件，並附有完成產品外觀的屏幕截圖。 This link可讓您下載一個包含與此相關的所有內容的zip文件，但我也會在此處放置代碼片段。卡住了一個CSS分配

HTML代碼

body 
 
{ 
 
    font-family: "Segoe", sans-serif; 
 
    font-size: 0.8125em; 
 
} 
 
    
 
h1 
 
{ 
 
    font-size: 3em; 
 
    color: #FF0000; 
 
} 
 
    
 
h2 
 
{ 
 
    font-size: 2em; 
 
    color: #575757; 
 
} 
 
    
 
h1+p 
 
{ 
 
    font-size: 1.5em; 
 
    color: #575757; 
 
    background-color: #C5C5C5; 
 
    border-color: #575757; 
 
    border-width: 5px; 
 
    border-style: solid; 
 
} 
 
    
 
body, h1, h2, p 
 
{ 
 
    margin: 0; 
 
} 
 
    
 
img 
 
{ 
 
    float: left; 
 
    padding: 1em; 
 
    overflow: hidden; 
 
} 
 
    
 
.top 
 
{ 
 
    background-color: #D9D9D9; 
 
    border-bottom: solid 5px #FF0000; 
 
    padding: 1em; 
 
} 
 
    
 
.bot 
 
{ 
 
    border-bottom: solid #FF0000; 
 
} 
 
    
 
.footer 
 
{ 
 
    font-size: 1.2307692307692308em; 
 
    font-weight: bold; 
 
    color: #575757; 
 
    background-color: #D9D9D9; 
 
}

<div class="top"> 
 
    <img src="../../assets/logo.png" alt="logo"> 
 
    <h1>Main heading</h1> 
 
    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
 
</div> 
 
    
 
<!-- alaosa --> 
 
<div class="bot"> 
 
    <h2>Subheading</h2> 
 
    <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> 
 
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p> 
 
    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p> 
 
</div> 
 
    
 
<!-- footer --> 
 
<p class="footer">ITIY3 | SIS | UTA</p>

我不能發佈兩個以上的鏈路，但我希望每個人都可以得到7Z打開。現在，事情是，我不認爲我被允許改變HTML太多，因爲這個任務是關於CSS和html文件的，而且是圖像。我只是爲了修改html文件而做了src屬性，以便找到圖片，因爲我有這些東西的特定文件夾結構，並且我還將類添加到了div。但是，我不認爲我可以創建更多的div，並且這應該可以通過改變CSS文件來實現。要找到HTML文件，請解壓縮7z並轉到「TestZone/code/tehtava-3/tehtava3.html」，CSS文件可以在同一個文件夾中找到。

我會AFK一段時間，但我會盡力澄清你可能想知道的任何事情。

對不起，這是一個混亂。

來源

2016-10-24 Narmondur

不，我們不會下載任何文件來爲你做你的任務，而你是AFK ... – deceze

做你自己的功課。你認爲我們能夠突然破譯芬蘭語的PDF文件嗎？ –

我不認爲真正的問題是用戶是「AFK」或者這些文件是芬蘭文。爲什麼有人會去從未知的人/用戶下載文件的麻煩？ –

我們不會在您AFK時下載任何文件來完成您的任務。

來源

2016-11-10 08:35:51

卡住了一個CSS分配

回答

相關問題