2013-05-13 3 views
0

Я не новичок в HTML/PHP. Просто ... Немного неспособен. Мне нужно что-то вроде этого:HTML CSS grid 3x3 с divs

ss of diagram

Я знаю его только грубый набросок, и грубый Будучи под оценкой, но кто-то может помочь? предпочтительно в html css.

Если кто-нибудь может помочь, не могли бы вы с этим поработать?

Width: 900px 
bg colour:e9e9e9 
align:center 
Top, bottom, left and right side images repeat 
Corner images don't repeat 
Corner images: 40 x 40 
Side/top/bottom images: repeat 

меня это до сих пор: jsfiddle

+2

Во-первых, вы уверены, что вам нужны divs? Может быть, лучше со столом? Будет ли необходимо его расширить или он останется неподвижным? – Xaltar

+0

Мне нужно, чтобы он оставался фиксированным размером и не имел пробелов между центральным содержимым div и окружающими div. Мне нужно, чтобы они обернулись на центральный div. – user2378230

+0

Вы уверены, что вам нужны изображения? Если вам нужны только закругленные углы, тени, границы и тому подобное, вы можете использовать CSS3 вместо этого. – android

ответ

0

Может быть, это может быть полезно: jsfiddle

В основном это HTML крышка с основным CSS и изображения добавленной Exemple. Вам только нужно сейчас, чтобы добавить размер и цвет, который вы хотите добавить в CSS свойств, таких как:

width : 900px; 
background-color : #E9E9E9; 
align : center 

Ваш Exemple было хорошо, но я думаю, что вы бы, возможно, был лучший результат, делая только Сначала HTML, а затем CSS. Если вы позволите мне дать вам совет, вы должны сделать позиционирование divs с помощью простого CSS, такого как border : 1px solid black; height : 15px; width : 15px, и создать на основе этого сильный HTML-код. Затем переключитесь на CSS, чтобы он выглядел хорошо. И, наконец, вы можете добавить контент.

+1

Вы должны подумать о том, чтобы сделать это замечанием. Это не ответ. –

Смежные вопросы