Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Architect_Programmer_Code Zemědělská síť»Architekt › Front-end design a web › Html/CSS/JavaScript › Začátečníci žádají o pomoc a žádají o dva trojúhelníky ve stejné přímce. Najděte špatné místo.
Pohled: 31322|Odpověď: 23

[CSS/DIV] Začátečníci žádají o pomoc a žádají o dva trojúhelníky ve stejné přímce. Najdi špatné místo. (Prohlížej)

[Kopírovat odkaz]
Zveřejněno 03.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>Dokumenty bez názvu</title>
<typ stylu="text/css">
*{padding:0px; margin:0px; }
#box{šířka:200px; výška: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:visited {text-decoration: žádná; Barva: #333; display:block; }
#box a:hover {barva: #F00; }       
#box a:hover span{ display:block; pozice: absolutní; šířka:0; výška:0; Rámeček: pevný 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>






Předchozí:Přichází nový typ DDoS útoku
Další:Software pro testování rychlosti SD karty Android, otestujte rychlost čtení a zápisu paměťové karty
 Pronajímatel| Zveřejněno 03.12.2014 23:20:12 |
admin Zveřejněno 3. 12. 2014 23:17
Nevím, o čem je tvůj trojúhelník


Trojúhelník je vymačkaný s rámem na šířku, dovolte mi vydat standardní kód našeho učitele
[mw_shl_code=html,true]
<! 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>

            <style>


#menu { /*Nastavit vrstvu menu*/
   rodina písma: Arial;                                /*font*/
   velikost písma: 16 px;                                /*Velikost písma*/
   šířka: 140px;                                 /*šířka*/
   Meze:0 auto;                                /*0.5em mezi položkami menu a horizontálně vycentrované*/
   Rámeček: pevný 1px #ccc;                        /*Šedý tenký okraj*/
   }

#menu a, #menu a:visited {
  textová dekorace: žádná;                         /*Text není podtržený*/
  text-align:center;                                 /*Text je horizontálně vycentrovaný*/
  barva: #c00;                                         /*červený text*/
  display:block;                                /*Nastaveno na blokovou úroveň elementu*/
  vycpávky: 4px;                                        /*Okraje*/
  barva pozadí:#fff;                         /*barva pozadí*/
  Okraj: pevný 1px #fff;                        /*Stejný okraj jako barva pozadí, aby se zabránilo skákání*/
  pozice: relativní;                                /*Použití relativního umístění*/
  šířka: 130px;
  }

#menu a span {
  displej: žádné;
}

#menu a:hover {
  barva rámečku: #c00;                                /*Červená barva okraje*/
}
  
#menu a:hover span {
        display:block;                /*Nastaveno na blokovou úroveň elementu*/
  pozice: absolutní;                                 /*Použití absolutní polohy*/
  výška:0;                                         /*Výška je 0*/
  šířka:0;                                         /*0*Šířka je 0*/
  Rámeček: pevné 8px #fff;                        /*Nastavit výchozí styl ohraničení*/
  top: 4px;                                        /*Vertikální umístění*/        
  přetečení:skrytý;
  }

  #menu a:hover span.left {
  Okraj-vlevo-barva:#c00;
  leveno: 8px;
  }

  #menu a:hover span.right {
  rámeček vpravo-barva:#c00;
  right:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>šipkové menu</title></head>

<body>
    <div id="menu">
       <a href="#">
               <span class="left"></span> položka menu 1<span class="right"></span> </a>
       <a href="#">
                <span class="left"></span> položka menu 2</a>
       <a href="#">
                           <span class="left"></span> položka menu 3<span class="right"></span> </a>
       <a href="#">
                        <span class="left"></span> položka menu 4<span class="right"></span> </a>
       <a href="#">
                           <span class="left"></span> položka menu pět</a> </div>
</body>
</html>
[/mw_shl_code]
Zveřejněno 03.12.2014 23:17:49 |
Očividně jsi mi to nenaznačil. Zveřejněno 3. 12. 2014 22:38
Trojúhelník blokuje obsah, jak upravit mezery, jakmile je upravím, stává se to absolutní úpravou polohy

Nevím, o čem je tvůj trojúhelník
[mw_shl_code=html,true]
<!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>Dokumenty bez názvu</title>
<typ stylu="text/css">
*{padding:0px; margin:0px; }
#box a{okraj: 1px solid #666; }
#box{šířka:250px; výška: 200px; margin-right:auto; margin-left:auto; text-align:center; Okraj: pevný 1px #999999; }
#box a, #box a:visited {text-decoration: žádná; Barva: #333; display:block; }       
#box a:hover span{ position:relative; Rámeček: pevný 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 class="z"></span> toto je první <span class="y" ></span></a>
    <a href="#"><span class="z"></span> toto je druhá <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je třetí <span class="y"></span></a>
    <a href="#"><třída rozpětí="z"></span> toto je čtvrtá třída <rozpětí="y"></span></a>
    <a href="#"><span class="z"></span> toto je pátá <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je šestá <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Pronajímatel| Zveřejněno 03.12.2014 23:17:07 |
[mw_shl_code=html,true] <!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>Dokumenty bez názvu</title>
<typ stylu="text/css">
*{padding:0px; margin:0px; }
#box a{okraj: 1px solid #666; }
#box{šířka:200px; výška: 200px; margin-right:auto; margin-left:auto; text-align:center; Okraj: pevný 1px #999999; }
#box a, #box a:visited {text-decoration: žádná; Barva: #333; display:block; }        
#box a:hover span{ position:absolute; šířka:0; výška:0; Rámeček: pevný 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 class="z"></span> toto je první <span class="y" ></span></a>
    <a href="#"><span class="z"></span> toto je druhá <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je třetí <span class="y"></span></a>
    <a href="#"><třída rozpětí="z"></span> toto je čtvrtá třída <rozpětí="y"></span></a>
    <a href="#"><span class="z"></span> toto je pátá <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je šestá <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Pronajímatel| Zveřejněno 03.12.2014 21:40:28 |

Zveřejněno 03.12.2014 22:12:27 |
Put:display:block; Odstraňte a problém je vyřešen!
Správný kód:

[mw_shl_code=html,true] <!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>Dokumenty bez názvu</title>
<typ stylu="text/css">
*{padding:0px; margin:0px; }
#box{šířka:200px; výška: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:visited {text-decoration: žádná; Barva: #333; display:block; }
#box a:hover {barva: #F00; }        
#box a:hover span{ position:absolute; šířka:0; výška:0; Rámeček: pevný 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]
 Pronajímatel| Zveřejněno 03.12.2014 22:15:06 |
admin zveřejněno 3. 12. 2014 22:12
Put:display:block; Odstraňte a problém je vyřešen!
Správný kód:

Děs!
Zveřejněno 03.12.2014 22:16:26 |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Takže druhý trojúhelník automaticky obtočí přímku
 Pronajímatel| Zveřejněno 03.12.2014 22:17:56 |
Wasp Zveřejněno 3. 12. 2014 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Takže druhý trojúhelník automaticky obtočí přímku

Každý z nich je silná osoba a pokud se v budoucnu objeví problém, bude zveřejněn zde. Děkuji všem za pomoc
 Pronajímatel| Zveřejněno 03.12.2014 22:18:04 |
Mockrát děkuju
 Pronajímatel| Zveřejněno 03.12.2014 22:36:11 |
Otázka se znovu vyvstává. [mw_shl_code=html,true] <!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>Dokumenty bez názvu</title>
<typ stylu="text/css">
*{padding:0px; margin:0px; }
#box{šířka:200px; výška: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:visited {text-decoration: žádná; Barva: #333; display:block; }
#box a:hover {barva: #F00; Rámeček: pevné 2px #FF0000; }       
#box a:hover span{ position:absolute; šířka:0; výška:0; Rámeček: pevný 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]
 Pronajímatel| Zveřejněno 03.12.2014 22:38:34 |

Trojúhelník blokuje obsah, jak upravit mezery, jakmile je upravím, stává se to absolutní úpravou polohy

QQ图片20141203223601.png (3.61 KB, Počet stažení: 391)

Zveřejněno 03.12.2014 22:53:13 |
Očividně jsi mi to nenaznačil. Zveřejněno 3. 12. 2014 22:38
Trojúhelník blokuje obsah, jak upravit mezery, jakmile je upravím, stává se to absolutní úpravou polohy

nepomůže
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.
Mail To:help@itsvse.com