Css De Menu Yaparken Takildigim Bir Yer Yardim

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Css De Menu Yaparken Takildigim Bir Yer Yardim

20/May/12 22:06 Kısayol Şikayet Özel Mesaj

napnapp

Kayıt Tarihi: 11/Haziran/2010

yaw su css bi baslayip biseyler yapiyim dedim olmadi cikamadim icinde

olay su bir menu yapiyorum menu yanyana link link link seklinde gidiyor

bu menu bir div`in icinde olay su

div ul li a seklinde gidiyor ben simdi bu a`nin icine kadar inmeliyim

yazdigim kod

#menu ul li a {

komutlar

}

bu sekilde yaziyorum sonuc yok ne yanlis burda

HTML

<pre>

<style type="text/css">
@import "denem.css";
</style>
</head>
<div id="menu">
<ul>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
</ul>
</div>

</pre>

CSS

/*menu baslangici*/

#menu {

width:900px;

background-color:#333333;

border:dashed #000000;

padding:5px;

margin:-8px auto;

}

#menu ul{

padding-left:5px;

list-style:none;

}

#menu ul li {

float:left;

}

#menu ul li a {

font:"Courier New", Courier, monospace large italic;

}

#a {font:Georgia, "Times New Roman", Times, serif xxlarge italic; }

/*menu sonu*/

SONUC

Alıntı yap
20/May/12 22:19 Kısayol Şikayet Özel Mesaj

ASLIYUCE

Kayıt Tarihi: 17/Haziran/2006

menü için yazdığın html in tamamı bu kadar mı? takıldıgın yer demişsin takıldığın yeri de yazmamışsın (:

Alıntı yap
20/May/12 22:24 Kısayol Şikayet Özel Mesaj

napnapp

Kayıt Tarihi: 11/Haziran/2010

sorun sonuc olmamasi

html hepsi bu belli bi menu yok uzerinde oynamalar yapicam

ama iste dedigim gibi css ordaki a`nin icine kadar inemedim

Alıntı yap
20/May/12 22:32 Kısayol Şikayet Özel Mesaj

Media

Kayıt Tarihi: 08/Mayıs/2007

edit ayrı bir class oluştur ul li a diye uraşma.

#link{

kod}

<a class="link">link</a> gibi bir şey yap ?

....

Alıntı yap
20/May/12 22:33 Kısayol Şikayet Özel Mesaj

ucenmi

Kayıt Tarihi: 25/Mayıs/2011

#menu ul li a {

font:"Courier New", Courier, monospace large italic;

}

buraya ordaki yazıların nasıl görünmesini falan istiyorsan yaz mesela şöyle olabilir

#menu ul li a {

font:"Courier New", Courier, monospace large italic;

text-decoration:none;

display:block;

color:#ff0000;

}

Alıntı yap
20/May/12 22:38 Kısayol Şikayet Özel Mesaj

ASLIYUCE

Kayıt Tarihi: 17/Haziran/2006

sanırım şunlar hedefledigin şeye daha yakın bir sonuç verecektir.

<style type="text/css">
   #menu {width:900px;background:#333;border:1px dashed #000;}
   #menu ul {padding:5px;}
   #menu ul li {list-style-type:none;float:left;margin:0 10px 0 0;}
   #menu ul li a {background:#fff;color:#000;padding:5px;display:block;}
   .clear {clear:both;}
</style>
</head>

<body>
<div id="menu">
   <ul>
       <li><a href="#">Link1</a></li>
       <li><a href="#">Link2</a></li>
       <li><a href="#">Link3</a></li>
   </ul>
    <div class="clear"></div>
</div>
</body>
</html>

Alıntı yap
20/May/12 22:42 Kısayol Şikayet Özel Mesaj

ASLIYUCE

Kayıt Tarihi: 17/Haziran/2006

css öğrenmek istiyorsan rasgele uğraşmak yerine belirli bir tasarım üzerinde çalışman gelişimini hızlandıracaktır.

fatihhayrioglu.com daki css kitabını kaynak olarak kullanabilirsin. fatih abinin web sitesinin üstüne zaten türkçe kaynak tanımam.

bu arada imzandaki değişim gözümden kaçmadı :D

Alıntı yap
20/May/12 23:00 Kısayol Şikayet Özel Mesaj

napnapp

Kayıt Tarihi: 11/Haziran/2010

ASLIYUCE bunu yazdı:
-----------------------------

css öğrenmek istiyorsan rasgele uğraşmak yerine belirli bir tasarım üzerinde çalışman gelişimini hızlandıracaktır.

fatihhayrioglu.com daki css kitabını kaynak olarak kullanabilirsin. fatih abinin web sitesinin üstüne zaten türkçe kaynak tanımam.

bu arada imzandaki değişim gözümden kaçmadı :D

-----------------------------

degistirdim biraz :))

zaten fatih hocanin siteyi baya bi takip ediyorum kendisi mailere geri donuyor

rastgele degilde ben sadece anasayfa resimler degilde link link yaziyorum sonuc olarak

belli bi site icin bisey yapmiyorum uzerinde efekler uygulamaya calistigim bir sey

Alıntı yap
20/May/12 23:21 Kısayol Şikayet Özel Mesaj

Espo

Kayıt Tarihi: 17/Eylül/2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Untitled Document</title>

<style>

*{ padding:0; margin:0; list-style:none; text-decoration:none; color:black; font-size:12px;}

body{ background:#963;}

#menu { background-color:#666; width:900px; display:table; margin:0 auto;}

#menu ul li { float:left; margin-left:5px; margin-right:5px;}

#menu ul li a { color:white; }

</style>

</head>

<body>

<div id="menu">

<ul>

<li><a href="#">Deneem 1</a></li>

<li><a href="#">Deneem 2</a></li>

<li><a href="#">Deneem 3</a></li>

</ul>

</div>

</body>

</html>

Yeni bir iş, yeni bir aş, yeni bir hayat. Sil baştan başlamak gerek bazen modunda. Artık buralarda yokum :) Hepinizi seviyorum, muck.

Alıntı yap
20/May/12 23:34 Kısayol Şikayet Özel Mesaj

napnapp

Kayıt Tarihi: 11/Haziran/2010

Gharzvog bunu yazdı:
-----------------------------

hocam cok saol oldu sonuc itibariyle :))

edit :

sanirim daha kisa bir yolunu buldum

ul.menu {

list-style:none;

}

ul.menu li {

display:inline;

text-decoration:none;

}

ul.menu li a {

background:#666666;

}

ul taginin clasina menu yaziyoruz

Alıntı yap

Toplam Hit: 1026 Toplam Mesaj: 10

Cevapla