Как най лесно да си нарежа това

[xto]

Здрасти правя си един дизайн обаче имам затруднения при нарязването и искам да ми помогнете Иксма да знам как най лесно да го нарежа и да го зглобя с Css и Html аз започнах и стигнах до първото затроднение ето този контейнер в средата



искам да го направя така както е на картинката но не искам самия да го слагам за background а да го нарежа както следва да му задам border, background и на му направя вутре този ефект с по тъмното сиво ...
Как ще стане най лесно аз мисля да си направя един контейнер да му задам background цвят да му задам преливащия фон който да се повтара само по repeat-x и този ефект обаче незнам как ще го сложа от горе .... какво да правя

 

[mute]

контейнера посередата винаги ли ще е с такава височина ?

 

[mute]

 

[dashe]

http://picbg.net/pic.php?u=23107tT4fq&i=152263
+

#container2 {
width : ?px;
overflow : hidden;
margin : 0 auto;
}
#container {
width : ?px;
float : left;
padding : ? ?px ?px ?px;
display : inline;
}

<div id="container2">

<div id="container2-gore"></div>
<div id="container2-middle">
<div id="container">
...
...
...
Съдържание..
...
...
...
</div>
</div>
<div id="container2-dolu"></div>

</div>

 

[xto]

dashe мерси сега ще го разцъкам и се връщам

 

[MontefuckeR]

защо направо не го сложиш за фон и отгоре не наредиш дивове то си е същото

 

[xto]

не искам така да правя понеже сайта става тежак... искам да използвам колкото може по малко картинки


dashe това ясно самоче наиш ли има проблеме така както ти ми предложи фона в самия контейнер е плеливащ а така няма да може да се прелива... разбираш ли

 

[dashe]

не искам така да правя понеже сайта става тежак... искам да използвам колкото може по малко картинки


dashe това ясно самоче наиш ли има проблеме така както ти ми предложи фона в самия контейнер е плеливащ а така няма да може да се прелива... разбираш ли

Ако става въпрос за container2-middle.
Предполагам че ще изрежеш по голямо.
И би трябвало да стане
В противен случай даи да видим демо :wink:

 

[mute]

http://picbg.net/pic.php?u=23107tT4fq&i=152263
+

#container2 {
width : ?px;
overflow : hidden;
margin : 0 auto;
}
#container {
width : ?px;
float : left;
padding : ? ?px ?px ?px;
display : inline;
}

<div id="container2">

<div id="container2-gore"></div>
<div id="container2-middle">
<div id="container">
...
...
...
Съдържание..
...
...
...
</div>
</div>
<div id="container2-dolu"></div>

</div>

ало контеинера посредата има градиент
нали ти казах как е наи лесно
имаш 2 картинки които ще ти са има няма 20кб

 

[akolevutd]

dashe, не е добър защото всеки пиксел в контейнта е уникален. провери да видиш че е така с фотошоп.
mute го е направил правилно, само дето трябва да се сложи и един цвят равен на последния последен цвят на контейнта за да може да е динамична височината
background: #color ("url") top left no-repeat;

 

[MontefuckeR]

защо направо не го сложиш за фон и отгоре не наредиш дивове то си е същото

кажете какъв ще е проблема?

 

[akolevutd]

защо направо не го сложиш за фон и отгоре не наредиш дивове то си е същото

кажете какъв ще е проблема?

Проблема е, че това е най-ламерското решение ( не се обиждай )

 

[MontefuckeR]

защо направо не го сложиш за фон и отгоре не наредиш дивове то си е същото

кажете какъв ще е проблема?

Проблема е, че това е най-ламерското решение ( не се обиждай )

защо ? какъв е проблемът ?
според мен това е най-бързия начин да стане и няма да има проблеми.. :roll:

 

[akolevutd]

Колко динамичен ще стане така сайта?
height-а на контеанта трябва да е `1px`, `2px` ... `Npx`