Resimleri CSs İle Verme

11-09-2008, 13:27:58

Merhabalar Ben vbulletin Temaları İçin Dreamveare kullanıyordum ama css ile yapmak istiyorum bir yerde takıldım
Resmi Slice İle Parçaladım Şimdi Ama Bunları Css İle Birleştiremiyorum Nası Birleştircem Alttaki ornek gibi mi yapmam gerekiyor ama bu sefer o sag taraftaki tam olarak nerede duracagına nasıl belirleyecez teşekkurler

#header { background: url(/header.gif); height:200px; }
#sag { background: url(/sagust.gif); height:200px; }

11-09-2008, 14:07:02

#2

110Design

float:right;

11-09-2008, 14:32:59

#3

gkaradagan

Alıntı

#header { background: url(/WhiteFon/GK/header.gif);
color:#222222;
text-aling:right;
height:200px;
}
#sagust { background: url(/WhiteFon/GK/sagust.gif) no-repeat top right ;
color:#222222;
height:106px;
text-aling:right;
}

Kodları Boyle yaptım Resim Çıktı Ama

Alıntı

<div id="header">
<div id="sagust">
Buraya YAzı Yazıyorum Saçma Yerlerde Çıkıyor Yazı Bunu Nerede Ayarlayabilirim
</div>
</div>

11-09-2008, 14:35:26

#4

~~eNerGy~~

Üyeliği durduruldu

margin ve padding değerlerini kullanabilirsin.
Fatih Hayrioğlu'nun not defteri CSS Dersleri buradaki makaleleri okuyabilirsin.

11-09-2008, 14:55:18

#5

gkaradagan

Alıntı

#header { background: url(/WhiteFon/GK/header.gif);
color:#222222;
text-aling:right;
height:200px;
}
#sagust { background: url(/WhiteFon/GK/sagust.gif) no-repeat top right ;
color:#222222;
height:106px;
text-aling:right;
}

#yazi{ position: relative; left: 660px; top: 20px; }

Teşekkur Ederim ordaki makaleleri okuyarak en son koduda oluşturdum ama sorun şimidede çözunurlukte css yapmamın sebebi çözünurluktu yine aynı sorun resimlerle anlatıyım derdimi

1152x864 çözunurlugunde görunum

1024x768 Görunumunde

11-09-2008, 14:58:20

#6

~~eNerGy~~

Üyeliği durduruldu

yazıya float değerlerini vermeyi denersen istediğin şey olacaktır sanırım.

11-09-2008, 15:04:42

#7

gkaradagan

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

yazıya float değerlerini vermeyi denersen istediğin şey olacaktır sanırım.

Sıfır Bilgim var arkdasın verdiği makalelerden bakayım
float: right; diye mi vermem laızm

11-09-2008, 15:06:09

#8

~~eNerGy~~

Üyeliği durduruldu

evet float:right deneyebilirsin aynı zamanda padding ve/ya margin değerleride deneyebilirsin verdiğim linkteki margin ve padding ile ilgili makaleleri izlersen anlarsın kullanım biçimini

11-09-2008, 15:24:44

#9

gkaradagan

Alıntı

#header { background: url(/WhiteFon/GK/header.gif);
color:#222222;
text-aling:right;
height:200px;
}
#sagust { background: url(/WhiteFon/GK/sagust.gif) no-repeat top right ;
color:#222222;
height:106px;
text-aling:right;
}

#yazi{ position: relative; left: 660px; top: 20px; }

#kose {
margin-right: 50%
}

#dis{
margin:10px auto 0;
width:870px;
}

Bu sefer Boyle Denedim yine olmadı :S bunun sabit bir kodu yokmudur acaba Her çözunurlukte aynı olması için