Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Architect_Programmer_Code Poľnohospodárska sieť»Architekt › Front-end dizajn a web › Html/CSS/JavaScript › Začiatočníci žiadajú o pomoc a žiadajú o dva trojuholníky v rovnakej priamke. Nájdite nesprávne miesto.
Pohľad: 31322|Odpoveď: 23

[CSS/DIV] Začiatočníci žiadajú o pomoc a žiadajú o dva trojuholníky v rovnakej priamke. Nájdi nesprávne miesto. (Prehliadaj)

[Kopírovať odkaz]
Zverejnené 3. 12. 2014 21:38:51 | | | |
<!DOCTYPE html VEREJNÉ "-//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>Neoznačené dokumenty</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{šírka:200px; výška: 200px; margin-right:auto; okraj-left:auto; text-align:center; }
#box a, #box a:visited {text-decoration: žiadne; Farba: #333; zobrazenie:blok; }
#box a:hover {farba: #F00; }       
#box a:hover span{ display:block; pozícia: absolútna; šírka:0; výška:0; Rám: 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>






Predchádzajúci:Prichádza nový typ DDoS útoku
Budúci:Android softvér na testovanie rýchlosti SD karty, otestujte rýchlosť čítania a zápisu pamäťovej karty
 Prenajímateľ| Zverejnené 3. 12. 2014 23:20:12 |
admin Zverejnené 3.12.2014 23:17
Neviem, o čom je tvoj trojuholník


Trojuholník je vytlačený s okrajom v rozpätí, dovoľte mi dať štandardný kód nášho učiteľa
[mw_shl_code=html,true]
<! DOCTYPE html VEREJNÉ "-//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 { /*Nastaviť vrstvu menu*/
   rodina písma: Arial;                                /*font*/
   veľkosť písma: 16px;                                /*Veľkosť písma*/
   šírka: 140px;                                 /*šírka*/
   Margin:0 auto;                                /*0.5em medzi položkami menu a horizontálne vystredené*/
   okraj: pevný 1px #ccc;                        /*Sivý tenký okraj*/
   }

#menu a, #menu a:visited {
  textová dekorácia: žiadna;                         /*Text nie je podčiarknutý*/
  text-align:center;                                 /*Text je horizontálne vycentrovaný*/
  farba: #c00;                                         /*červený text*/
  zobrazenie:blok;                                /*Nastaviť na blokový prvok*/
  výplň: 4px;                                        /*Okraje*/
  pozadie-farba:#fff;                         /*farba pozadia*/
  okraj: pevný 1px #fff;                        /*Rovnaký okraj ako farba pozadia, aby sa zabránilo skákaniu*/
  pozícia: relatívna;                                /*Použitie relatívneho umiestnenia*/
  šírka: 130px;
  }

#menu a span {
  zobrazenie: žiadne;
}

#menu a:hover {
  farba okraja: #c00;                                /*Okrajová farba červená*/
}
  
#menu a:hover span {
        zobrazenie:blok;                /*Nastaviť na blokový prvok*/
  pozícia: absolútna;                                 /*Použitie absolútneho polohovania*/
  výška:0;                                         /*Výška je 0*/
  šírka:0;                                         /*0*Šírka je 0*/
  okraj: pevné 8px #fff;                        /*Nastaviť predvolený štýl ohraničia*/
  hore: 4px;                                        /*Vertikálne umiestnenie*/        
  pretečenie: skrytý;
  }

  #menu a:hover span.left {
  okraj-ľavá-farba:#c00;
  left:8px;
  }

  #menu a:hover span.right {
  Okraj-pravá-farba:#c00;
  right:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>šípkové 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žku v menu päť</a> </div>
</body>
</html>
[/mw_shl_code]
Zverejnené 3. 12. 2014 23:17:49 |
Zjavne si mi to nenaznačil Zverejnené 3. 12. 2014 22:38
Trojuholník blokuje obsah, ako upraviť rozostupy, hneď ako upravím rozostupy, stáva sa to absolútnou úpravou polohy

Neviem, o čom je tvoj trojuholník
[mw_shl_code=html,true]
<!DOCTYPE html VEREJNÉ "-//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>Neoznačené dokumenty</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{okraj: 1px solid #666; }
#box{šírka:250px; výška: 200px; margin-right:auto; okraj-left:auto; text-align:center; okraj: pevný 1px #999999; }
#box a, #box a:visited {text-decoration: žiadne; Farba: #333; zobrazenie:blok; }       
#box a:hover span{ position:relative; okraj: 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 prvá trieda <span="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 tretia <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je štvrtá <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je piata <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je šiesta <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Prenajímateľ| Zverejnené 3. 12. 2014 23:17:07 |
[mw_shl_code=html,true] <!DOCTYPE html VEREJNÉ "-//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>Neoznačené dokumenty</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{okraj: 1px solid #666; }
#box{šírka:200px; výška: 200px; margin-right:auto; okraj-left:auto; text-align:center; okraj: pevný 1px #999999; }
#box a, #box a:visited {text-decoration: žiadne; Farba: #333; zobrazenie:blok; }        
#box a:hover span{ position:absolute; šírka:0; výška:0; Rám: 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 prvá trieda <span="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 tretia <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je štvrtá <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je piata <span class="y"></span></a>
    <a href="#"><span class="z"></span> toto je šiesta <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Prenajímateľ| Zverejnené 3. 12. 2014 21:40:28 |

Zverejnené 3. 12. 2014 22:12:27 |
Put:display:block; Odstráňte a problém je vyriešený!
Správny kód:

[mw_shl_code=html,true] <!DOCTYPE html VEREJNÉ "-//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>Neoznačené dokumenty</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{šírka:200px; výška: 200px; margin-right:auto; okraj-left:auto; text-align:center; }
#box a, #box a:visited {text-decoration: žiadne; Farba: #333; zobrazenie:blok; }
#box a:hover {farba: #F00; }        
#box a:hover span{ position:absolute; šírka:0; výška:0; Rám: 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]
 Prenajímateľ| Zverejnené 3. 12. 2014 22:15:06 |
admin zverejnené 3.12.2014 22:12
Put:display:block; Odstráňte a problém je vyriešený!
Správny kód:

Úžasné!
Zverejnené 3. 12. 2014 22:16:26 |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Takže druhý trojuholník automaticky obalí čiaru
 Prenajímateľ| Zverejnené 3. 12. 2014 22:17:56 |
Wasp Zverejnené 3.12.2014 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Takže druhý trojuholník automaticky obalí čiaru

Každý z nich je silná osoba a ak sa v budúcnosti objaví problém, bude zverejnený tu. Ďakujem všetkým za pomoc
 Prenajímateľ| Zverejnené 3. 12. 2014 22:18:04 |
Veľmi pekne ďakujem
 Prenajímateľ| Zverejnené 3. 12. 2014 22:36:11 |
Otázka opäť vyvstáva. [mw_shl_code=html,true] <!DOCTYPE html VEREJNÉ "-//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>Neoznačené dokumenty</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{šírka:200px; výška: 200px; margin-right:auto; okraj-left:auto; text-align:center; }
#box a, #box a:visited {text-decoration: žiadne; Farba: #333; zobrazenie:blok; }
#box a:hover {farba: #F00; Okraj: pevné 2px #FF0000; }       
#box a:hover span{ position:absolute; šírka:0; výška:0; Rám: 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]
 Prenajímateľ| Zverejnené 3. 12. 2014 22:38:34 |

Trojuholník blokuje obsah, ako upraviť rozostupy, hneď ako upravím rozostupy, stáva sa to absolútnou úpravou polohy

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

Zverejnené 3. 12. 2014 22:53:13 |
Zjavne si mi to nenaznačil Zverejnené 3. 12. 2014 22:38
Trojuholník blokuje obsah, ako upraviť rozostupy, hneď ako upravím rozostupy, stáva sa to absolútnou úpravou polohy

nepomôže
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.
Mail To:help@itsvse.com