css iki yana yaslama

06-02-2014, 00:17:21

#1

CengiS

Kimlik doğrulama veya yönetimden onay bekliyor.

arkadaşlar elimde bir jpg resim var ve ben bu resmi sayfamın iki yanına yaslamak istiyorum nasıl yapabilirim?

06-02-2014, 00:47:41

#2

~~Jiwtoo~~

Üyeliği durduruldu

2 tane div açıyosun farklı aynı resmi 2 dive verip birine float:left; birine float:right yapıyosun bu kadar basit

06-02-2014, 01:10:27

#3

BestCoder

CengiS adlı üyeden alıntı: mesajı görüntüle

arkadaşlar elimde bir jpg resim var ve ben bu resmi sayfamın iki yanına yaslamak istiyorum nasıl yapabilirim?

background olarak mı yapmak istiyorsun?

06-02-2014, 01:16:20

#4

CengiS

BestCoder adlı üyeden alıntı: mesajı görüntüle

background olarak mı yapmak istiyorsun?

aynen hocam css kodlarım şu şekilde

#header{

height:35px;

background:url(images/headermenu.jpg) no-repeat;

position:relative;

margin: -8px -7px 0 0;

06-02-2014, 01:16:25

#5

Sejuka

Kimlik doğrulama veya yönetimden onay bekliyor.

CengiS adlı üyeden alıntı: mesajı görüntüle

arkadaşlar elimde bir jpg resim var ve ben bu resmi sayfamın iki yanına yaslamak istiyorum nasıl yapabilirim?

<img src"resim.jpg" style="width:100%;" /> Resime bu style'i atarsanız tamamen alana yayılmış olur.

06-02-2014, 01:44:56

#6

BestCoder

CengiS adlı üyeden alıntı: mesajı görüntüle

aynen hocam css kodlarım şu şekilde

#header{

height:35px;

background:url(images/headermenu.jpg) no-repeat;

position:relative;

margin: -8px -7px 0 0;

1. İlk olarak, bir @Sejuka 'nında dediği gibi

<img src="images/headermenu.jpg" id="headerBg" />

bir kodu <body> den hemen sonra ekle.

2. Css kodundan anladığım kadarıyla resmin height i 35px.
(Sırası gelmişken resmin width değeri 1920px olabiliyorsa tadından yenmez, çünkü 24'' ekranlarda 1920px genişliğe kadar ekran genişletilebiliyor. Böyle bir durumda kullandığın resim 1920px den küçük olursa sünücek ve görüntü açısından hoş olmayacaktır.)

Aşağıdaki kodu css kodlarının arasına ekle.

body{
margin:0px;
}

#headerBg {
display: block;
height: 35px;
margin-bottom: -35px;
position: relative;
width: 100%;
z-index: -1;
}