Css Resimleri Hizalamak (Yardım)

silvershadow · 26 Ağu 2010

Öncelikle basitçe konuyu anlatayım resimler yardımı ile...

Bir sayfada lytebox yapıyorum ve resim ekledikçe merdiven şeklinde diziyor. Bunların aynı hizada olmasını istiyorum... style dosyasından nereye ne eklemem gerekiyor tam anlayamadım...

Hizalaması:

Bu resimleri aynı hizaya dizmesini istiyorum. İstediğiniz bir yer varsa söylemeniz yeterli

style'nin içerisinden bi ayar yapılıcak ama onu bulamadım...

mTanriverdi · 27 Ağu 2010

Al arkadaşım şu derse bakım sorunu çözermisin.

Css / Css İle Hizalama İşlemleri

silvershadow · 27 Ağu 2010

Bu dersten pek birşey anlamadım ama

daha çok sayfaya ortalama falan diyor. Benim resimler aşşağıya kayıyor. Aşşağıya kaymasını istemiyorum ben...

mTanriverdi · 27 Ağu 2010

Mantık aynıdır arkadaşım. Left-Right-Center bunlar değişmez. O sayfaya bir kaç kere bak ve resimlerin üzerinee dene.

silvershadow · 27 Ağu 2010

left sola right sağa center da ortalama işi yapıyor diye biliyorum. Bu benim problemimi nasıl çözücek onu anlamadım... Benim merdiven şeklinde dizilen resimleri düzeltmem lazım...

mTanriverdi · 27 Ağu 2010

Ver kaynak kodlara bakalım.

silvershadow · 27 Ağu 2010

Hangi kodları istiyosunuz? Style.css olanı mı? Kodu genel olarak yazayım hemen:

Sayfa kodu:

</div>
<div class="Services">

<h2>Galeri</h2>
<p><a href="images/img_3.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="images/img_3.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></p>
<p><a href="images/img_5.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="images/img_5.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></p>
<p><a href="images/img_3.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="images/img_3.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></p>
<p><a href="images/img_5.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="images/img_5.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></p>
</div>

Bunlarda Style.css services kodları:

/*Services*/
.Services { width:640px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Services ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.Services p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Services em { font:italic bold 12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.Services li {padding:5px 0; margin:0;}
.Services ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.Services li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.Services .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.Services .blog img { float:left; margin:20px; padding:0;}
.Services a {font:bold 11px Arial, Helvetica, sans-serif; color:#26b5cd; margin:0; padding:5px; text-decoration: underline;}
.Services img { padding:0; margin:15px 15px 15px 15px; border:bottom;}

mTanriverdi · 28 Ağu 2010

Bende bi sorun çıkmadı. Hangi tarayıcıyı kullanıyorsun. Birde boyutlarına bak

width:640px;

gibi ayarlarıyla oyna.

silvershadow · 28 Ağu 2010

boyutları zaten hepsi aynı değişen birşey yok. Onda bi sıkıntı yok. Sorun img deki bazı ayarlar 1px yada 0px gibi olucak onu yapamadım. Onu çözücek biri aranıyor

ayrıca sende nasıl sorun çıkıcak ki? lytebox dosyası var mı? yada bütün sayfanın kodları sende mevcut mu ki? sorun bu kısımdan kaynaklanıyor zaten... Çözücek sağlam css den anlayan birileri aranıyor

silvershadow · 28 Ağu 2010

boyutları zaten hepsi aynı değişen birşey yok. Onda bi sıkıntı yok. Sorun img deki bazı ayarlar 1px yada 0px gibi olucak onu yapamadım. Onu çözücek biri aranıyor

ayrıca sende nasıl sorun çıkıcak ki? lytebox dosyası var mı? yada bütün sayfanın kodları sende mevcut mu ki? sorun bu kısımdan kaynaklanıyor zaten... Çözücek sağlam css den anlayan birileri aranıyor

silvershadow · 28 Ağu 2010

boyutları zaten hepsi aynı değişen birşey yok. Onda bi sıkıntı yok. Sorun img deki bazı ayarlar 1px yada 0px gibi olucak onu yapamadım. Onu çözücek biri aranıyor

ayrıca sende nasıl sorun çıkıcak ki? lytebox dosyası var mı? yada bütün sayfanın kodları sende mevcut mu ki? sorun bu kısımdan kaynaklanıyor zaten... Çözücek sağlam css den anlayan birileri aranıyor

mTanriverdi · 29 Ağu 2010

Arkadaşım senin sorunun benim sorunum oldu. Öncelikle şunu diyeyim verdiğin kodlar zaten sorunu çözecek olan kaynak kodlar. Kodlara baktığımız zaman bile başka kodlara ihtiyacımızın olmadığını anlıyoruz. Html önyüz ve Css sayfası.

Css anlamadığımı düşünüyor ve sorununa daha iyi çözüm arıyorsan Ceviz.Net v.5 - Türkçe PHP ASP Perl Font C C++ C# Javascript CSS Photoshop web tasarım Flash Ağ güvenlik Dreamveawer Visual Basic Database Veritabanı Delphi programlama .NET teknikler sitesine bakabilirsin. Orada işin professiyonelleri olacaktır. Belkide ben soruna ben cevap veririm

silvershadow · 31 Ağu 2010

O zaman yine ben cevap vereyim sonunda buldum

style.css dosyasındaki

/*Services*/
.Services { width:640px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Services ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.Services p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Services em { font:italic bold 12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.Services li {padding:5px 0; margin:0;}
.Services ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.Services li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.Services .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.Services .blog img { float:left; margin:20px; padding:0;}
.Services a {font:bold 11px Arial, Helvetica, sans-serif; color:#26b5cd; margin:0; padding:5px; text-decoration: underline;}
.Services img { padding:0; margin:15px 15px 15px 15px; border:bottom;}

bu kodlardan
Services img { padding:0; margin:15px 15px 15px 5px; border:bottom;}

Olarak değiştirince normale döndü...

mTanriverdi · 31 Ağu 2010

Bu seferde benim tarayıcıda bozuldu

silvershadow · 31 Ağu 2010

Şuan bütün tarayıcılarda normal çalışıyor... Bence senin tarayıcıda sorun var

))

dreadful44 · 6 Eyl 2010

sorun sanırım şurada.
.Services ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}

margin:0;} olarak düzelt. auto yu silip bir dene.

hataman · 1 Kas 2010

Sorunun hala devam ediyorsa css kodları;

Kod:

	/*Services*/
.Services { width:640px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Services ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.Services p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Services em { font:italic bold 12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.Services li {padding:5px 0; margin:0;}
.Services ul { width:640px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0;}
.Services li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;float:left;}
.Services .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.Services .blog img { float:left; margin:20px; padding:0;}
.Services a {font:bold 11px Arial, Helvetica, sans-serif; color:#26b5cd; margin:0; padding:5px; text-decoration: underline;}
.Services img { padding:0; margin:15px 15px 15px 15px; border:bottom;}

html kodları;

Kod:

<div class="Services">

<h2>Galeri</h2>
<ul>
<li><a href="https://www.grafikerler.net/images/img_3.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="https://www.grafikerler.net/images/img_3.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></li>
<li><a href="https://www.grafikerler.net/images/img_5.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="https://www.grafikerler.net/images/img_5.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></li>
<li><a href="https://www.grafikerler.net/images/img_3.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="https://www.grafikerler.net/images/img_3.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></li>
<li><a href="https://www.grafikerler.net/images/img_5.jpg" rel="lytebox[vacation]" title="Örnek Galeri"><img src="https://www.grafikerler.net/images/img_5.jpg" width="180px" height="177px" style="border: none;" alt="Deneme" /></a></li>
</ul>
</div>

Halada devam ederse sayfa kodları öm atarsın sorunu çözer veririm.

Unutmadan ekleyeyim, ul ve li kodları var css de ama html de li yoktu ekledim

yukarıdaki kodların bendeki görüntüsü,

	Benzer konular	Forum			Tarih
D	Web Tasarım - HTML / CSS / BOOTSTRAP / JS / JQUERY - Türkiye Geneli	Freelancer İş Arayanlar	2	1K	19 Mar 2017
	Web tasarım kursları : JQuery , Css, SQL dersleri	Css	0	4K	17 Ocak 2017
	HTML/CSS Giydirme - Web & Mobil Arayüz Çizimi - Logo Tasarım - Grafik Tasarım	Web Tasarımı	0	2K	7 Ara 2016
D	CSS ve PHP uzmanı arıyorum. - İstanbul	Freelancer Çalışan Arayanlar	1	2K	1 Ara 2016
S	HTML / CSS Geliştirici Arıyoruz - İstanbul	İş Veren İlanları	2	2K	27 Nis 2016
O	CSS & HTML Uzmanı TAM ya da YARI zamanlı çalışacak bay/bayan arıyoruz - İstanbul	Sonuçlanan İlanlar	1	2K	27 Şub 2016
N	html,css,javascript bilen UZMAN Personel \| Beylikdüzü - İstanbul	Sonuçlanan İlanlar	2	2K	28 Ocak 2016
N	Php, Css bilen deneyimli Çalışma Arkadaşları Arıyoruz - Türkiye Geneli	İş Veren İlanları	1	1K	8 Ocak 2016

Css Resimleri Hizalamak (Yardım)

Benzer konular