Cssde Arkaplan Kayması

30/May/14 10:16

Kısayol

Şikayet

Özel Mesaj

kalibre

Kayıt Tarihi: 05/Mart/2006

beyler yapmak istediğim şey logo divini header divinden biraz aşağıda tutmak fakat olmuyor.

resim

ve kod:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style type="text/css">


.header {
	height: 110px;
	width: 100%;
	background-color: #333333;
	
	
	
}
.orta {
	width: 720px;
	width: 760px; 
	margin:  auto; 

	
	color:white;
	background-color:red;
	

}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.logo {
	position: relative;
	color:white;
	
	
	}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
	<div class ="header">
	  <div class="orta">
	  <div class="logo">
      asdsad
      </div>
      </div>
	</div>
</body>
</html>

Herkesin hayatına kimse karışamaz

Alıntı yap

30/May/14 10:24

Kısayol

Şikayet

Özel Mesaj

cemnet

Kayıt Tarihi: 18/Eylül/2007

ilk akla gelenleri denedin mi

margin top

padding top

top

<br>

Alıntı yap

30/May/14 10:25

Kısayol

Şikayet

Özel Mesaj

Hybris

Kayıt Tarihi: 12/Haziran/2007

http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=absolute

agile isn’t how fast you can go, it’s how fast you can turn.

Alıntı yap

30/May/14 10:26

Kısayol

Şikayet

Özel Mesaj

Reklamcı.
sezginari

Kayıt Tarihi: 26/Mart/2013

Sanırım istediğin böyle birşey;

eğer biraz yukarı almak istiyorsan margin-top: 50px; değerini küçült ama küçülttüğün değere göre margin-bottom:-50 px; değerinide değiştir.

Örn: margin-top:25 px; yaptıysan margin-bottom:-25px; yap

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<style type="text/css">
 
 
.header {
    height: 110px;
    width: 100%;
    background-color: #333333;
     
     
     
}
.orta {
    width: 720px;
    width: 760px;
    margin:  auto;
 
     
    color:white;
     
 
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
 
.logo {
	position: relative;
	color:white;
	margin-bottom: -50px;
	margin-top: 50px;
	background-color: #F00;
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div class ="header">
<div class="orta">
      <div class="logo">
      asdsad
      </div>
  </div>
  </div>
</body>
</html>

sezginari tarafından 30/May/14 10:27 tarihinde düzenlenmiştir

Matbaa Baskı ve Promoyon İşleriniz Tbt'ye özel fiyat ile yapılır. Islak Mendil,Baskılı Kürdan, Baskılı Pipet, Baskılı Peçete, Baskılı Stick şeker üretim hanemiz mevcuttur.

Alıntı yap

30/May/14 10:33

Kısayol

Şikayet

Özel Mesaj

telos00

Kayıt Tarihi: 10/Aralık/2009

tam emin olmamakla birlikte hatırladıgım kadarıyla position :absulute dedikten sonra konumlandırma yaparsan olması lazım..

Alıntı yap

30/May/14 10:47

Kısayol

Şikayet

Özel Mesaj

kalibre

Kayıt Tarihi: 05/Mart/2006

sezginari bunu yazdı

Sanırım istediğin böyle birşey;

eğer biraz yukarı almak istiyorsan margin-top: 50px; değerini küçült ama küçülttüğün değere göre margin-bottom:-50 px; değerinide değiştir.

Örn: margin-top:25 px; yaptıysan margin-bottom:-25px; yap

<!doctype html>Document

asdsad

edit: sorun aynı

kalibre tarafından 30/May/14 10:55 tarihinde düzenlenmiştir

Herkesin hayatına kimse karışamaz

Alıntı yap

30/May/14 11:12

Kısayol

Şikayet

Özel Mesaj

Zfr321

Kayıt Tarihi: 27/Şubat/2011

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">

body {
margin:0px;
}

.header {
width: 100%;
height: 110px;
background-color: #333333;
}

.orta {
width: 760px;
margin-left:auto;
margin-right:auto;

color:white;
background-color:red;
}

.logo {
float:left;
margin-top:20px;
width:100%;
color:white;

}

.clear {
clear:both;
}
</style>

al bakalım istediğin şey bu

Alıntı yap

30/May/14 11:30

Kısayol

Şikayet

Özel Mesaj

Reklamcı.
sezginari

Kayıt Tarihi: 26/Mart/2013

kalibre bunu yazdı

sezginari bunu yazdı

Sanırım istediğin böyle birşey;

eğer biraz yukarı almak istiyorsan margin-top: 50px; değerini küçült ama küçülttüğün değere göre margin-bottom:-50 px; değerinide değiştir.

Örn: margin-top:25 px; yaptıysan margin-bottom:-25px; yap

<!doctype html>Document

asdsad

edit: sorun aynı

üstad senin istediğin tam olarak ne ? paintte shopta felan çizgi çizerek göster öyle yardımcı olalım

Matbaa Baskı ve Promoyon İşleriniz Tbt'ye özel fiyat ile yapılır. Islak Mendil,Baskılı Kürdan, Baskılı Pipet, Baskılı Peçete, Baskılı Stick şeker üretim hanemiz mevcuttur.

Alıntı yap