Yeni başlayanlar yardım ister ve aynı düz çizgide iki üçgen ister. Yanlış yeri bul. (Göz at)

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 21:38:51

<!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>Başlıksız belgeler</title>
<style type="text/css">
*{padding:0px; marj:0px; }
#box{width:200px; yükseklik: 200px; kenar-sağ:auto; kenar-sol:otomatik; metin-hizalamak:center; }
#box a, #box a:ziyaret {metin-süsleme: yok; renk: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ display:block; pozisyon: mutlak; genişlik:0; yükseklik:0; border:solid 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 23:20:12

admin 2014-12-3 23:17 tarihinde yayınlandı
Üçgenin neyle ilgili olduğunu bilmiyorum

Üçgen bir açıklık sınırıyla sıkıştırılmış, öğretmenimizin standart kodunu koyayım
[mw_shl_code=html,doğru]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Geçiş//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

         <style>

#menu { /*Menü katmanını ayarla*/
font-family:Arial;                               /*font*/
font-size:16px;                               /*Font size*/
genişlik: 140px;                               /*Genişlik*/
marj:0 otomatik;                               /*0.5em menü öğeleri arasında ve yatay ortada*/
border:solid 1px #ccc;                      /*Gri İnce Sınır*/
}

#menu a, #menu a:ziyaret edildi {
  metin-süsleme: yok;                      /*Metin altı çizilmemiş*/
  metin-hizalamak:center;                               /*Metin yatay ortada hizalanmış durumda*/
  renk:#c00;                                        /*kırmızı metin*/
  display:block;                               /*Blok seviyesinde eleman olarak ayarlandı*/
  dolgu: 4px;                                     /*Kenarlar*/
  arka plan rengi:#fff;                      /*arka plan rengi*/
  border:solid 1px #fff;                      /*Zıplamayı önlemek için arka plan rengiyle aynı sınır*/
  konum:akraba;                               /*Göreceli Konumlandırma Kullanımı*/
  genişlik: 130px;
  }

#menu bir açıklık {
  display:none;
}

#menu a:hover {
  border-color:#c00;                               /*Sınır rengi kırmızı*
}

#menu a:hover span {
      display:block;             /*Blok seviyesinde eleman olarak ayarlandı*/
  pozisyon: mutlak;                               /*Mutlak Konumlandırma Kullanımı*/
  yükseklik:0;                                        /*Boy 0*/
  genişlik:0;                                        /*0*Genişlik 0*/
  border:solid 8px #fff;                      /*Varsayılan sınır stilini ayarla*/
  üst:4px;                                     /*Dikey konumlandırma*/
  overflow:hidden;
  }

  #menu a:hover span.left {
  border-sol-color:#c00;
  sol:8px;
  }

  #menu a:hover span.right {
  border-right-color:#c00;
  sağ:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ok menüsü</title></head>

<body>
<div id="menu">
   <a href="#">
            <span class="left"></span> menü öğesi 1<span class="right"></span> </a>
   <a href="#">
            <span class="left"></span> menü öğesi 2</a>
   <a href="#">
                        <span class="left"></span> menü öğesi 3<span class="right"></span> </a>
   <a href="#">
                     <span class="left"></span> menü öğesi 4<span class="right"></span> </a>
   <a href="#">
                        <span class="left"></span> menü öğesi beş</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Yayınlandı 3.12.2014 23:17:49

Açıkça bana ima etmemişsin 2014-12-3 22:38 tarihinde gönderildi
Üçgen içeriği, aralığın nasıl ayarlanacağını engelliyor, aralıkları ayarladığımda mutlak bir konumlandırma ayarı oluyor

Üçgenin neyle ilgili olduğunu bilmiyorum
[mw_shl_code=html,doğru]
<!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>Başlıksız belgeler</title>
<style type="text/css">
*{padding:0px; marj:0px; }
#box a{border: 1px solid #666; }
#box{width:250px; yükseklik: 200px; kenar-sağ:auto; kenar-sol:otomatik; metin-hizalamak:center; border:solid 1px #999999; }
#box a, #box a:ziyaret {metin-süsleme: yok; renk: #333; display:block; }
#box a:hover span{ position:relative; border:solid 1px #FFFFFF; padding-left:20px}
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span sınıfı="z"></span> bu ilk <span sınıfı="y" ></span></a>
<a href="#"><span sınıfı="z"></span> bu ikinci <span sınıfı="y"></span></a>
<a href="#"><span sınıfı="z"></span> bu üçüncü <span sınıfı="y"></span></a>
<a href="#"><span sınıfı="z"></span> bu dördüncü <span sınıfı="y"></span></a>
<a href="#"><span sınıfı="z"></span> bu beşinci <span sınıf="y"></span></a>
<a href="#"><span sınıf="z"></span> bu altıncı <span sınıf="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 23:17:07

[mw_shl_code=html,,doğru] <!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>Başlıksız belgeler</title>
<style type="text/css">
*{padding:0px; marj:0px; }
#box a{border: 1px solid #666; }
#box{width:200px; yükseklik: 200px; kenar-sağ:auto; kenar-sol:otomatik; metin-hizalamak:center; border:solid 1px #999999; }
#box a, #box a:ziyaret {metin-süsleme: yok; renk: #333; display:block; }
#box a:hover span{ position:absolute; genişlik:0; yükseklik:0; border:solid 8px #FFFFFF; }
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span sınıfı="z"></span> bu ilk <span sınıfı="y" ></span></a>
<a href="#"><span sınıfı="z"></span> bu ikinci <span sınıfı="y"></span></a>
<a href="#"><span sınıfı="z"></span> bu üçüncü <span sınıfı="y"></span></a>
<a href="#"><span sınıfı="z"></span> bu dördüncü <span sınıfı="y"></span></a>
<a href="#"><span sınıfı="z"></span> bu beşinci <span sınıf="y"></span></a>
<a href="#"><span sınıf="z"></span> bu altıncı <span sınıf="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 21:40:28

Admin · Yayınlandı 3.12.2014 22:12:27

put:display:block; Kaldırın, sorun çözülür!
Doğru kod:

[mw_shl_code=html,doğru] <!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>Başlıksız belgeler</title>
<style type="text/css">
*{padding:0px; marj:0px; }
#box{width:200px; yükseklik: 200px; kenar-sağ:auto; kenar-sol:otomatik; metin-hizalamak:center; }
#box a, #box a:ziyaret {metin-süsleme: yok; renk: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ position:absolute; genişlik:0; yükseklik:0; border:solid 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 22:15:06

admin 2014-12-3 22:12 tarihinde gönderildi
put:display:block; Kaldırın, sorun çözülür!
Doğru kod:

Harika!

Eşek arısı · Yayınlandı 3.12.2014 22:16:26

display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Yani diğer üçgen otomatik olarak çizgiyi sarar

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 22:17:56

Wasp 2014-12-3 22:16 tarihinde yayınlandı
display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Yani diğer üçgen otomatik olarak çizgiyi sarar

Her biri güçlü bir kişi ve gelecekte bir sorun olursa burada paylaşılacaktır. Yardımlarınız için hepinize teşekkür ederim

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 22:18:04

Çok teşekkür ederim

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 22:36:11

Soru tekrar gündeme geliyor. [mw_shl_code=html,doğru] <!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>Başlıksız belgeler</title>
<style type="text/css">
*{padding:0px; marj:0px; }
#box{width:200px; yükseklik: 200px; kenar-sağ:auto; kenar-sol:otomatik; metin-hizalamak:center; }
#box a, #box a:ziyaret {metin-süsleme: yok; renk: #333; display:block; }
#box a:hover {color: #F00; sınır: sağlam 2px #FF0000; }
#box a:hover span{ position:absolute; genişlik:0; yükseklik:0; border:solid 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z">1</span><span class="y"></span></a>
<a href="#"><span class="z"></span>2<span class="y"></span></a>
<a href="#"><span class="z"></span>3<span class="y"></span></a>
<a href="#"><span class="z"></span>4<span class="y"></span></a>
<a href="#"><span class="z"></span>5<span class="y"></span></a>
<a href="#"><span class="z"></span>6<span class="y"></span></a>
</div>

</body>
[/</html>mw_shl_code]

Bana ima etmediğini biliyorum · Yayınlandı 3.12.2014 22:38:34

Üçgen içeriği, aralığın nasıl ayarlanacağını engelliyor, aralıkları ayarladığımda mutlak bir konumlandırma ayarı oluyor

Delver_Si · Yayınlandı 3.12.2014 22:53:13

Açıkça bana ima etmemişsin 2014-12-3 22:38 tarihinde gönderildi
Üçgen içeriği, aralığın nasıl ayarlanacağını engelliyor, aralıkları ayarladığımda mutlak bir konumlandırma ayarı oluyor

Yardımcı olmaz

[CSS/DIV] Yeni başlayanlar yardım ister ve aynı düz çizgide iki üçgen ister. Yanlış yeri bul. (Göz at)

Görüntülenen bölümler