div Layer

webdizaynsan · 4 May 2012

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çeriği </div>
MENÜ</div>
</div>

drejmustafa · 4 May 2012

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çeriği </div>
MENÜ
</div>
</div>

CSS Dosyası:
-------------
div#Layer1 {
margin: auto;
}

webdizaynsan · 8 May 2012

drejmustafa' Alıntı:
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ç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

max1299 · 10 May 2012

divlere genişlik ve yükseklik verip marjinlerle yerleştirmelisiniz

<div>
<div id="Layer1">katman iç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

drejmustafa · 14 May 2012

webdizaynsan' Alıntı:
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!

drejmustafa · 17 May 2012

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

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

index.html

Kod:

<!DOCTYPE html PUBLIC "-//w3C//DTD XHTML 1.0 Strict//EN" "https://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

Kod:

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

Kod:

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;
}

	Benzer konular	Forum			Tarih
D	Yeni Speed Art - The Division	Deneme Çalışmalar	1	2K	28 Ağu 2016
R	div id= den veri alma hk.	Php, Asp, Perl, Html	1	3K	23 May 2015
N	Merdiven efektiyle yazı yazmak	Illustrator	1	1K	24 Tem 2014
K	3d Hazır Merdiven Korkulukları	3D Studio Max	2	4K	27 Nis 2014
D	Dıştaki DIV'in Sabit Kalması ve Sadece Içteki DIV'in Aşağı Doğru Kaydırılması?	Web Tasarımı	4	1K	4 Ağu 2013
T	Gösterdiğim yerlere div tag eklemek istiyorum	Web Tasarımı	2	848	7 Haz 2013
	Div layer nedir ?	Dreamweaver	8	6K	28 Şub 2009
	DivX Web Player 1.3	Php, Asp, Perl, Html	0	2K	23 Ağu 2008

Ara

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

div Layer

webdizaynsan

Benzer konular

drejmustafa

webdizaynsan

max1299

drejmustafa

drejmustafa