Etiketleri Yan Yana Dizmek ?

08-09-2012, 15:48:42

Sitemde alt kısma etiket eklemek istiyorum <h> taglarını kullanarak ancak alt alta oluyor bunları nasıl yan yana çekebilirim hazırladığım kod şu şekilde

<a href=index.php/kategori/teknoloji/><h>Teknoloji Haberleri</h></a>
<a href=index.php/kategori/mobil/><h1>Mobil Haberler</h1></a>
<a href=index.php/kategori/oyun-tanitim//><h2>Oyun Tanıtım</h2></a>

Alıntı

Teknoloji Haberleri
Mobil Haberler
Oyun Tanıtım

böyle görünüyor bende ben onları yan yana istiyorum

Alıntı

Teknoloji Haberleri Mobil Haberler Oyun Tanıtım

şeklinde bilgisi olan yazabilirmi birde bunun siteme etkisi olurmu ?

08-09-2012, 22:21:56

#2

msdossys

Kimlik doğrulama veya yönetimden onay bekliyor.

Script kullanarak yazabilirsin fakat tam olarak etkisini bilmiyorum ama olumsuz yönde etkiler diye düşünüyorum

<style type="text/css">
h1{
float:left;
}
</style>

Kullanacağın alanda div içine alıp
<div style="overflow:hidden;width:100%;height:50px;">
bu şekilde kullanabilirsin

08-09-2012, 22:40:17

#3

Rockco

benim hazırladğım kodların başına div miv yazsak olmuyormu

okadar gelişmiş kod bilgim yok

08-09-2012, 22:52:40

#4

~~bekirbasar~~

Üyeliği durduruldu

Rockco doğru diyo işlemi yalnızca float olayıyla yapabilirsin.

08-09-2012, 23:00:07

#5

msdossys

H etiketini bu şekilde kullanabilmen için benim bildiğim kadarı ile css kullanman gerekir. " http://hikmettalebesi.blogspot.com/2...oat-nedir.html " burdaki linkten biraz inceleyersen belki sana yardımcı olabilir

11-09-2012, 23:42:45

#6

emrearpaci92

Konunun kapandığını görmedim yazmak istedim.
<head> tagı arasına style kodlarımızı yazıyoruz burda istediğin bölüm .etiket h1 {float:left;} bölümüdür. padding ayarlarıyla yazıların arasını açabilirsin veya kapabilirsin.

.etiket a ise link seçenekleridir. sana kalmıs birşey.

önemli kısım style olusturup bırakmıyoruz. h1 yazılarımızı <div class="etiket">...</div>
taglarının arasına yazıyoruz. float hakkında araştırma yaparsan ne işe yaradığını çok iyi anlarsın. float olmassa olmazlardandır.

<style>
.etiket { width:100%; height:40px;}
.etiket a { text-decoration:none; color:#000099; }
.etiket a:hover { text-decoration:none; color:#FFFF00; }
.etiket h1{ float:left; padding:0 30px 0 30px;}

</style>
</head>

<body>

<div class="etiket">

<a href=index.php/kategori/teknoloji/><h1>Teknoloji Haberleri</h1></a>
<a href=index.php/kategori/mobil/><h1>Mobil Haberler</h1></a>
<a href=index.php/kategori/oyun-tanitim//><h1>Oyun Tanıtım</h1></a>

</div>

</body>