div Layer

Php, Asp, Perl, Html - div Layer ...

Cevapla
div Layer
webdizaynsan isimli Üye şimdilik offline konumundadır

webdizaynsan

Grafiker / Zonguldak

Standart

div Layer

Alt 04-05-2012 #1
Sponsorlu Bağlantılar

Arkadaşlar sizlere div ile ilgili bir soru soracağım diyelim ki aşağıda belirttiğim gibi bir div açtık ve içine layer yerleştirmek istedim yanlız bu layer i sabitleştirmek istiyorum yani anlatmak istediğim diyelim benim ekran 19 '' bende düzgün gözüküyor tasarım yanlız 22 '' lik ekrandan bakıldığında koyduğun layerin yeri değişik veyahut Chrome Firefox Explorer de değişiyor bunu ortadan kaldırmak istiyorum illa layer koymam gerekmiyor sadece belirttiğim yere hazırladığım resim gelecek yan tarafına farklı bir layer açıp orayada farklı birşey yerleştirebilecem mesela div tag ın içinde bir div daha açılabilir ama sadece belirli bir kısma bunu nasıl yapabilirim yardımcı olabilirmisiniz ?? şimdiden teşekkürler

<div>
<div align="center">
<div id="Layer1">katman i&ccedil;eriği </div>
MENÜ</div>
</div>
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

drejmustafa isimli Üye şimdilik offline konumundadır

drejmustafa

Grafiker / Elazığ

Standart
Alt 04-05-2012 #2
                             Sponsorlu Bağlantılar
Ben sahsen harici css dosyalrı ile çalışıyorum ki sende öyle yapmalısın o matığa göre..
Aşşağıdaki kodu kullanırsan Layer1 div'i daima ortalı olarak durur!
HTML Dosyası:
--------------
<div>
<div id="Layer1">katman i&ccedil;eriği </div>
MENÜ
</div>
</div>

CSS Dosyası:
-------------
div#Layer1 {
margin: auto;
}
Bu mesajdan alıntı yap
webdizaynsan isimli Üye şimdilik offline konumundadır

webdizaynsan

Grafiker / Zonguldak

Standart
Alt 08-05-2012 #3
Ben sahsen harici css dosyalrı ile çalışıyorum ki sende öyle yapmalısın o matığa göre..
Aşşağıdaki kodu kullanırsan Layer1 div'i daima ortalı olarak durur!
HTML Dosyası:
--------------
<div>
<div id="Layer1">katman i&ccedil;eriği </div>
MENÜ
</div>
</div>

CSS Dosyası:
-------------
div#Layer1 {
margin: auto;
}
beceremedim ben bu işi verdiğiniz kodları css dosyasına yazdım yanlız işe yaramadı programı iyice kurcalamaktan başka çare yok anca öyle öğreniliyor yinede teşekkürler
Bu mesajdan alıntı yap
max1299 isimli Üye şimdilik offline konumundadır

max1299

Webmaster / İstanbul

Standart
Alt 09-05-2012 #4
divlere genişlik ve yükseklik verip marjinlerle yerleştirmelisiniz

<div>
<div id="Layer1">katman i&ccedil;eriği </div>
</div>

----css-----
#Layer1{width:100px; height:100px; margin-left:10px; margin-top:10px; margin-right:10px; margin-bottom:10px;}

yada

#Layer1{width:100px; height:100px; margin:10px;}


not divlere padding ile iç boşluk verebilirsiniz
ayrıca position özelliği ile top left ile gelişmiş konmulandırma yapabilirsiniz

#Layer1{width:100px; height:100px; margin:3px; position:relative; top:10px; left:10px;}

gibi saygılar

not2: ayrıca Chrome Firefox Explorer farklı görünmesin diyorsan reset.css kullan

saygılar kolay gelsin
Bu mesajdan alıntı yap
drejmustafa isimli Üye şimdilik offline konumundadır

drejmustafa

Grafiker / Elazığ

Standart
Alt 14-05-2012 #5
beceremedim ben bu işi verdiğiniz kodları css dosyasına yazdım yanlız işe yaramadı programı iyice kurcalamaktan başka çare yok anca öyle öğreniliyor yinede teşekkürler
<Html>
<Head>
...
.....
...
<link href="styles.css" type="text/css" />
</Head>
<Body.............
İle css dosyanı html dökümanına eklemen gerek; yoksa olmaz! Ki ben sürekli onu kullanıyorum hatta gelecek sefer nete geldiğimde ( bir kaç gün sonra) sana bir css dökümanı pdf'i getireytim çok iyi ve detaylı acemiler için bire bir; ben onun ile öğrendim!
Bu mesajdan alıntı yap
drejmustafa isimli Üye şimdilik offline konumundadır

drejmustafa

Grafiker / Elazığ

Standart
Alt 17-05-2012 #6
Merhaba....

Aşağıda sana div'leri otomotaik ortalayan html-css dosyalarının kodalrını verdim. reset.css ve default.css'yi css isimli klasörün içine eklersin. Kodları incelersen herşeyi anlayacağını umuyorum! Bir not reset.css senin css ile yapacağın uygulamanın borwserlar tarafından farklı yourmlanmasını en asgariye indirmek için var. Tamamen bunu engellemek mümkün değil; hele internet explorer söz konusu olunca div Layer

Css kitabı içinde buraya bak Kitap / Fatih Hayrioğlu'nun not defteri benim çok işime yaramıştı!


index.html

<!DOCTYPE html PUBLIC "-//w3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html>
<Head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<title>Div Ortalama</title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/default.css" />
</Head>
<Body>
<Div id="contanier">
	<Div id="ana">
		<H1> Burası ana Div olup otomatik olarak tüm ekran çözünürlüklerinde ortalanır!</H1><Br>
		<H1>Sitenizin içeriğini bu divin içeriğine Html-Css kodları ile yerleştirebilirsiniz...</H1>
	</Div>
</Div>

reset.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
default.css

div#contanier{
	overflow: visible;
	background: #232323;
	width: 100%;
	height: 800px;
}

div#ana{
	margin: auto;
	width: 1000px;
	position: relative;
	background: #101010;
	height: 700px;
	padding-top: 40px;
}
div#ana h1 {
	color: white;
	text-align: center;
	font-weight: 15pt;
}
Bu mesajdan alıntı yap
Cevapla

Tags
static

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Layer boyutları ve iki layer arasındaki mesafeyi ayarlamak Qene Photoshop Soru ve Sorunlarınız 9 16-12-2011 09:00:29
adjustment layer ? erar After Effects 2 28-07-2011 18:49:07
layer kevokla Photoshop Soru ve Sorunlarınız 3 26-05-2009 16:30:47
Illustrator de psd dosyayı layer layer nasıl alıcam???? grafok Illustrator 4 03-02-2009 13:15:02
Layer medula Photoshop 2 14-12-2007 13:04:49

Kapat
Şifremi Unuttum?