Nowicjusze proszą o pomoc i proszą o dwa trójkąty w tej samej prostej linii. Znajdź złe miejsce. (Przeglądaj)

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 21:38:51

<!DOCTYPE html PUBLICZNY "-//W3C//DTD XHTML 1.0 Przejście//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>Dokumenty bez tytułów</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{szerokość:200px; wysokość: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:odwiedził {dekoracja tekstu: brak; kolor: #333; display:block; }
#box a:najechać {kolor: #F00; }
#box a:hover span{ display:block; pozycja: absolutna; szerokość:0; wysokość: 0; Ramka: solidne 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>

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 23:20:12

admin Opublikowano 3.12.2014 23:17
Nie wiem, o co chodzi w twoim trójkącie

Trójkąt jest wyciśnięty z ramką o rozpiętości, pozwól, że wypowiem standardowy kod naszego nauczyciela
[mw_shl_code=html,true]
<! DOCTYPE html PUBLICZNIE "-//W3C//DTD XHTML 1.0 Przejściowy//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

         <style>

#menu { /*Ustaw warstwę menu*/
rodzina czcionek: Arial;                               /*font*/
rozmiar czcionki: 16px;                               /*Rozmiar czcionki*/
szerokość: 140px;                               /*Szerokość*/
margines:0 auto;                               /*0.5em między pozycjami menu i poziomo wyśrodkowanym*/
Ramka: solidne 1px #ccc;                      /*Szara cienka ramka*/
}

#menu a, #menu a:visited {
  dekoracja tekstu: brak;                      /*Tekst nie jest podkreślony*/
  text-align:center;                               /*Tekst jest poziomo wyśrodkowany*/
  kolor: #c00;                                        /*czerwony tekst*/
  display:block;                               /*Ustaw na element na poziomie bloku*/
  wypełnienie: 4px;                                     /*Margines*/
  tło-kolor: #fff;                      /*kolor tła*/
  Ramka: solidne 1px #fff;                      /*Ta sama ramka co kolor tła, aby zapobiec skakaniu*/
  pozycja:względna;                               /*Używając pozycji względnej*/
  szerokość: 130px;
  }

#menu rozpięciu {
  wyświetlanie: brak;
}

#menu a:hover {
  kolor ramki: #c00;                               /*Kolor ramki czerwony*/
}

#menu a:hover span {
      display:block;             /*Ustaw na element na poziomie bloku*/
  pozycja: absolutna;                               /*Używając pozycji absolutnej*/
  wysokość: 0;                                        /*Wysokość to 0*/
  szerokość:0;                                        /*0*Szerokość to 0*/
  Border: solidne 8px #fff;                      /*Ustaw domyślny styl ramki*/
  góra: 4px;                                     /*Pozycja pionowa*/
  przelew: ukryty;
  }

  #menu a:hover span.left {
  obramowanie-lewo-kolor:#c00;
  lewo: 8px;
  }

  #menu a:hover span.right {
  ramka-prawa-kolor:#c00;
  right:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>menu strzałek</title></head>

<body>
<div id="menu">
   <a href="#">
            <span class="left"></span> pozycja menu 1<span class="right"></span> </a>
   <a href="#">
            <span class="left"></span> pozycja menu 2</a>
   <a href="#">
                        <span class="left"></span> pozycja menu 3<span class="right"></span> </a>
   <a href="#">
                     <span class="left"></span> pozycja menu 4<span class="right"></span> </a>
   <a href="#">
                        <span class="left"></span> pozycja piąta w menu</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Opublikowano 03.12.2014 23:17:49

Wyraźnie nie dałaś mi do zrozumienia Opublikowano 2014-12-3 22:38
Trójkąt blokuje treść, jak dostosować odstępy, gdy tylko zmienię odstępy, staje się to absolutną korektą pozycjonowania

Nie wiem, o co chodzi w twoim trójkącie
[mw_shl_code=html,true]
<!DOCTYPE html PUBLICZNY "-//W3C//DTD XHTML 1.0 Przejście//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>Dokumenty bez tytułów</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{ramka: 1px solid #666; }
#box{szerokość:250px; wysokość: 200px; margin-right:auto; margin-left:auto; text-align:center; ramka: solidny 1px #999999; }
#box a, #box a:odwiedził {dekoracja tekstu: brak; kolor: #333; display:block; }
#box a:hover span{ position:relative; Ramka: stała 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="#"><klasa rozpięta="z"></span> to jest pierwsza klasa <rozpięta="y" ></span></a>
<a href="#"><span class="z"></span> to jest druga <span class="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> jest to trzecia klasa <rozpięta="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> to jest czwarta klasa <rozpięta="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> to jest piąta klasa <rozpięta="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> to jest szósta klasa <rozpięta="y"></span></a>
</div>

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

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 23:17:07

[mw_shl_code=html,true] <!DOCTYPE html PUBLICZNY "-//W3C//DTD XHTML 1.0 Przejście//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>Dokumenty bez tytułów</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{ramka: 1px solid #666; }
#box{szerokość:200px; wysokość: 200px; margin-right:auto; margin-left:auto; text-align:center; ramka: solidny 1px #999999; }
#box a, #box a:odwiedził {dekoracja tekstu: brak; kolor: #333; display:block; }
#box a:hover span{ position:absolute; szerokość:0; wysokość: 0; Ramka: solidne 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="#"><klasa rozpięta="z"></span> to jest pierwsza klasa <rozpięta="y" ></span></a>
<a href="#"><span class="z"></span> to jest druga <span class="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> jest to trzecia klasa <rozpięta="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> to jest czwarta klasa <rozpięta="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> to jest piąta klasa <rozpięta="y"></span></a>
<a href="#"><klasa rozpięta="z"></span> to jest szósta klasa <rozpięta="y"></span></a>
</div>

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

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 21:40:28

Admin · Opublikowano 03.12.2014 22:12:27

Put:display:block; Usuń i problem jest rozwiązany!
Poprawny kod:

[mw_shl_code=html,true] <!DOCTYPE html PUBLICZNY "-//W3C//DTD XHTML 1.0 Przejście//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>Dokumenty bez tytułów</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{szerokość:200px; wysokość: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:odwiedził {dekoracja tekstu: brak; kolor: #333; display:block; }
#box a:najechać {kolor: #F00; }
#box a:hover span{ position:absolute; szerokość:0; wysokość: 0; Ramka: solidne 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]

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 22:15:06

admin opublikowano 3.12.2014 22:12
Put:display:block; Usuń i problem jest rozwiązany!
Poprawny kod:

Super!

Osy · Opublikowano 03.12.2014 22:16:26

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

Więc drugi trójkąt automatycznie owinie linię

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 22:17:56

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

Więc drugi trójkąt automatycznie owinie linię

Każdy z nich to potężna osoba i jeśli w przyszłości pojawi się jakiś problem, zostanie on tutaj opublikowany. Dziękuję wszystkim za pomoc

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 22:18:04

Dziękuję bardzo

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 22:36:11

Pytanie pojawia się ponownie. [mw_shl_code=html,true] <!DOCTYPE html PUBLICZNY "-//W3C//DTD XHTML 1.0 Przejście//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>Dokumenty bez tytułów</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{szerokość:200px; wysokość: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:odwiedził {dekoracja tekstu: brak; kolor: #333; display:block; }
#box a:najechać {kolor: #F00; Ramka: solidne 2px #FF0000; }
#box a:hover span{ position:absolute; szerokość:0; wysokość: 0; Ramka: solidne 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>1<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]

Wiem, że nie dałaś mi do zrozumienia · Opublikowano 03.12.2014 22:38:34

Trójkąt blokuje treść, jak dostosować odstępy, gdy tylko zmienię odstępy, staje się to absolutną korektą pozycjonowania

Delver_Si · Opublikowano 03.12.2014 22:53:13

Wyraźnie nie dałaś mi do zrozumienia Opublikowano 2014-12-3 22:38
Trójkąt blokuje treść, jak dostosować odstępy, gdy tylko zmienię odstępy, staje się to absolutną korektą pozycjonowania

nie pomoże

[CSS/DIV] Nowicjusze proszą o pomoc i proszą o dwa trójkąty w tej samej prostej linii. Znajdź złe miejsce. (Przeglądaj)

Oglądane sekcje