Yeni Kayıt
Konudaki Resimler
< Bu mesaj bu kişi tarafından değiştirildi istanbulali -- 4 Nisan 2007; 22:38:31 > |
Hızlı 
Bildirim
bu sorun çözüldü teşekkürler armra
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Polaroid Erkek PLD 4137/S Güneş Gözlüğü, Mavi, 58 : Amazon.com.tr: Moda
https://www.amazon.com.tr/dp/B0BS74DVQC?_encoding=UTF8&psc=1&ref_=cm_sw_r_ud_dp_9WP894VS1X5MAMDHAAR8
20 sa. önce paylaşıldı
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
float'ı bir div'in içine koyduğun mesela bir resmin yerini belirtmek için kullanabilirsin.
width genişlik demektir, % demek ekran çözünürlüğünün değerinin yüzdesine göre bir değer al demektir.
margin-left ya da rigth yazarak div'in yerini sağa sola alabilirsin. ancak divleri yan yana dizebilmek için z-index de kullanman, ya da margin-top ile yükseltmen gerekebilir.
örnek bir css:
#ban {
background-image:url(logo.gif);
background-position:center;
background-repeat:no-repeat;
height:150px;
width:600px;
z-index:4;
position:relative;
margin-left:150px;
text-align: left;
text-indent: 5px;
text-decoration: none;
vertical-align: bottom;
}
#ana{background-color: #FFFFFF;
height:400px;
width:505px;
margin-left: 150px;
margin-top:5px;
z-index: 3;
position: relative;
background-color: #FFFFFF;
border-color: #FFFFFF;
border-style: solid;
border-width: 0px;
}
#sag{
background-image:url(sagzull.gif);
background-repeat:no-repeat;
height:200px;
width:650px;
margin-top: -205px;
margin-left: 100px;
z-index: 1;
position: relative;
background-position: 500px 5px;
background-color: #FFFFFF;
}
#sol {
background-image: url(solzull.gif);
background-repeat:no-repeat;
height:200px;
width:600px;
margin-top: 1px;
z-index: 2;
position: relative;
margin-left: 1px;
background-position: -1px -1px;
background-color: #FFFFFF;
}
-
@armra
Dostum haddim olmadan bir öneride bulunmak isterim. z-index değerlerini 1 2 3 4 yerine 10 20 30 40 şeklinde 10 ar 10 ar atlatman daha işe yarar olacaktır. ileride araya bir div koymak istediğinde yada tablı bir sistemle çalışırken önemi daha iyi anlaşılıyor. Tecrübe ile sabit bir şey.. -
sevgili arkadaşlar bu anlatım müthiş oldu sağolun... 
internet üzerinde html dersleri çok ama css adına pek iç açıcı bişey bulamadım... -
sevgili _qwerty_ geçenlerde bir klavye mevzusu için yazı yazmıştım, senin nick çok bana ona hatırlattı.
Söylediklerinde haklısın. z-index'te genelde ben de 5 er beşer artırırarak yazarım :) ama bu kodlar biraz daha eski anlaşılan. -
arkadaşlar çok teşekkür ederim yardımlarınız için şimdi yeni konu açmamk için buraya bi soru daha yazıyorum ( ben bu işe yeni başladım umarım sıkmıyorumdur hani belki dersiniz lan bunudamı bilmiyom diye neyse ben soruya geçeyim...)
aşağıdaki div etiketi içine ''acaba ne yapmalıyım''yazısına link verdim fakat linkli kelimenin atına çizgi çekti bu çizgiyi nasıl kaldırırım???
teşekkürler...
<style>
#sol {
float:left;
width : 0%;
margin : 0 1%;
font: 11px/16px verdana, arial, sans-serif; color:blue;
text-align: left;
position: absolute;
top:150px;
left:0px;
}
#sağ {
float:left;
width : 0%;
margin : 0 1%;
font: 11px/16px verdana, arial, sans-serif; color:blue;
text-align: left;
position: absolute;
top:400px;
left:0px;
}
</style>
<div>
<div id="sol">burda bir yazı var
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13335949&url=http://www.yahoo.com." data-href="http://www.yahoo.com.">acaba ne yapmalıyım</a>
< Bu mesaj bu kişi tarafından değiştirildi istanbulali -- 3 Nisan 2007; 21:07:46 >
-
araştrnz keyword : "css a:hover" -
<style type="text/css">
#sol a {
text-decoration:none;}
#sol {
float:left;
width : 0%;
margin : 0 1%;
font: 11px/16px verdana, arial, sans-serif; color:blue;
text-align: left;
position: absolute;
top:150px;
left:0px;
}
#sag{
}
</style>
</head>
<body>
<div id="sol">burda bir yazı var
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13342035&url=http://www.yahoo.com." data-href="http://www.yahoo.com.">acaba ne yapmalıyım</a> </div>
< Bu mesaj bu kişi tarafından değiştirildi armra -- 4 Nisan 2007; 2:03:01 > -
çok teşekkür ederim canım kardeşim armra
önceki arkadaş bana neyi araştırmam gerektiğini söylemişti fakat ben bi türlü beceremedim sanırım arkadaş benim acemi olduğumun ve css nin ne olduğunu bilmediğimi düşünemedi neyse en azından sen bana öğretmiş oldun
teşekkür ederim
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
