2012-05-05 93 views
0

作爲一個CSS新手,我米奮力這樣創建佈局:需要一個CSS佈局

Layout

左側圖像和右側的文本是居中對齊。同樣,正確的圖像和文字是中心對齊的。正確的圖像進入文本下方的空白區域。

任何人都可以幫助我嗎?任何幫助表示讚賞。謝謝。

我的不好...我不應該用昏昏欲睡的眼睛張貼。這裏是我的源代碼。

<html> <head> <title>CSS exercise</title> <style> body{background-color:gray; font-family:Lucida Handwriting ;font-size:large;} .leftPic{width:300; height:250;} .rightPic{width:300; height:225} .bottomText{display:block;} </style> </head> <body> <div> <img src="left.jpg" alt = "left image" class="leftPic" /> Left text </div> <div> Right text <img src ="Right.jpg" alt="right image" class = "rightPic"/> </div> <div> Bottom text </div> </body> </html>

我同意了反對票。我很抱歉。 Josh,非常感謝你的慷慨。

+4

沒有人會幫助你,直到你粘貼任何代碼,你到目前爲止 –

+0

我同意。你不能要求人們爲你做這項工作。學習,發掘,谷歌,嘗試,實驗...然後問更具體的問題。提示:搜索CSS浮動屬性。 – lu1s

回答

3

你知道,通常我不是這麼慷慨,但我覺得你在解釋中做了足夠的工作,應該得到答案。

這是你佈局的的jsfiddle:http://jsfiddle.net/9UdLV/

+1

你是他們的寵兒 – Jawad

+0

請將代碼發佈到答案中。 JSFiddles是臭名昭着的不可靠的。 –