Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Architect_Programmer_Code Kmetijska mreža»Arhitekt › Oblikovanje sprednjega dela in splet › Html/CSS/JavaScript › Začetniki prosijo za pomoč in zahtevajo dva trikotnika v isti ravni črti. Najdi napačen kraj.
Pogled: 31322|Odgovoriti: 23

[CSS/DIV] Začetniki prosijo za pomoč in zahtevajo dva trikotnika v isti ravni črti. Najdi napačen kraj. (Brskanje)

[Kopiraj povezavo]
Objavljeno na 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>Neimenovani dokumenti</title>
<style type="text/css">
*{padding:0px; rob:0px; }
#box{širina:200px; višina: 200px; rob-desno:auto; margin-left:auto; text-align:center; }
#box a, #box a: obiskali {okrasitev besedila: none; barva: #333; display:block; }
#box a:lebdeč {barva: #F00; }       
#box a:hover span{ display:block; položaj: absoluten; širina:0; višina: 0; rob: trdna 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>






Prejšnji:Prihaja nova vrsta DDoS napada
Naslednji:Android programska oprema za testiranje hitrosti SD kartice, preverite hitrost branja in pisanja na pomnilniški kartici
 Najemodajalec| Objavljeno na 3. 12. 2014 23:20:12 |
admin Objavljeno 3. 12. 2014 ob 23:17
Ne vem, kaj je tvoj trikotnik


Trikotnik je stisnjen z obrobo razpona, naj dam učiteljev standardni kod
[mw_shl_code=html,true]
<! DOCTYPE html JAVNO "-//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 menijsko plast*/
   družina pisav: Arial;                                /*pisava*/
   velikost pisave: 16px;                                /*Velikost pisave*/
   širina: 140px;                                 /*širina*/
   Rob:0 avtomatsko;                                /*0.5em med menijskimi elementi in vodoravno centrirano*/
   rob: trdna 1px #ccc;                        /*Siva tanka obroba*/
   }

#menu a, #menu a:visited {
  okrasitev besedila: nič;                         /*Besedilo ni podčrtano*/
  text-align:center;                                 /*Besedilo je vodoravno centrirano*/
  barva: #c00;                                         /*rdeče besedilo*/
  display:block;                                /*Nastavljeno na element na ravni bloka*/
  polnilo: 4px;                                        /*Robovi*/
  Barva ozadja:#fff;                         /*barva ozadja*/
  rob: trdna 1px #fff;                        /*Enak rob kot ozadje, da preprečim skakanje*/
  položaj: relativno;                                /*Uporaba relativnega položaja*/
  širina: 130px;
  }

#menu razpona {
  prikaz: noben;
}

#menu a:hover {
  barva roba: #c00;                                /*Rdeča barva roba*/
}
  
#menu a:hover span {
        display:block;                /*Nastavljeno na element na ravni bloka*/
  položaj: absoluten;                                 /*Uporaba absolutnega pozicioniranja*/
  višina: 0;                                         /*Višina je 0*/
  širina:0;                                         /*0*Širina je 0*/
  rob: trdna 8px #fff;                        /*Nastavi privzeti slog roba*/
  zgoraj: 4px;                                        /*Vertikalno pozicioniranje*/        
  preliv: skrit;
  }

  #menu a:hover span.left {
  rob-levo-barva:#c00;
  levo:8px;
  }

  #menu a:hover span.right {
  rob-desno-barva:#c00;
  desno:8px;
  }

</style>

<meta http-equiv="Content-Type" vsebina="text/html; charset=utf-8" /> <title>meni puščica</title></head>

<body>
    <div id="menu">
       <a href="#">
               <span class="left"></span> meni 1<span class="right"></span> </a>
       <a href="#">
                <span class="left"></span> menijska postavka 2</a>
       <a href="#">
                           <span class="left"></span> meni 3<span class="right"></span> </a>
       <a href="#">
                        <span class="left"></span> meni 4<span class="right"></span> </a>
       <a href="#">
                           <span class="left"></span> peta postavka menija</a> </div>
</body>
</html>
[/mw_shl_code]
Objavljeno na 3. 12. 2014 23:17:49 |
Očitno mi nisi namignil Objavljeno 2014-12-3 22:38
Trikotnik blokira vsebino, kako prilagoditi razmik, takoj ko prilagodim razmik, postane popolna prilagoditev pozicioniranja

Ne vem, kaj je tvoj trikotnik
[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>Neimenovani dokumenti</title>
<style type="text/css">
*{padding:0px; rob:0px; }
#box a{rob: 1px solid #666; }
#box{širina:250px; višina: 200px; rob-desno:auto; margin-left:auto; text-align:center; rob: trdna 1px #999999; }
#box a, #box a: obiskali {okrasitev besedila: none; barva: #333; display:block; }       
#box a:hover span{ position:relative; rob: trdna 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> to je prvi <span class="y" ></span></a>
    <a href="#"><span class="z"></span> to je drugi <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je tretji <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je četrti <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je peti <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je šesti <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Najemodajalec| Objavljeno na 3. 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>Neimenovani dokumenti</title>
<style type="text/css">
*{padding:0px; rob:0px; }
#box a{rob: 1px solid #666; }
#box{širina:200px; višina: 200px; rob-desno:auto; margin-left:auto; text-align:center; rob: trdna 1px #999999; }
#box a, #box a: obiskali {okrasitev besedila: none; barva: #333; display:block; }        
#box a:hover span{ position:absolute; širina:0; višina: 0; rob: trdna 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> to je prvi <span class="y" ></span></a>
    <a href="#"><span class="z"></span> to je drugi <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je tretji <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je četrti <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je peti <span class="y"></span></a>
    <a href="#"><span class="z"></span> to je šesti <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Najemodajalec| Objavljeno na 3. 12. 2014 21:40:28 |

Objavljeno na 3. 12. 2014 22:12:27 |
Put:display:block; Odstrani in težava je rešena!
Pravilna koda:

[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>Neimenovani dokumenti</title>
<style type="text/css">
*{padding:0px; rob:0px; }
#box{širina:200px; višina: 200px; rob-desno:auto; margin-left:auto; text-align:center; }
#box a, #box a: obiskali {okrasitev besedila: none; barva: #333; display:block; }
#box a:lebdeč {barva: #F00; }        
#box a:hover span{ position:absolute; širina:0; višina: 0; rob: trdna 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]
 Najemodajalec| Objavljeno na 3. 12. 2014 22:15:06 |
admin objavljeno 3. 12. 2014 ob 22:12
Put:display:block; Odstrani in težava je rešena!
Pravilna koda:

Hudo!
Ose
Objavljeno na 3. 12. 2014 22:16:26 |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Tako bo drugi trikotnik samodejno ovijal črto
 Najemodajalec| Objavljeno na 3. 12. 2014 22:17:56 |
Wasp Objavljeno 3. 12. 2014 ob 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Tako bo drugi trikotnik samodejno ovijal črto

Vsak izmed njih je močna oseba in če bo v prihodnosti kakšna težava, bo objavljena tukaj. Hvala vsem za pomoč
 Najemodajalec| Objavljeno na 3. 12. 2014 22:18:04 |
Najlepša hvala
 Najemodajalec| Objavljeno na 3. 12. 2014 22:36:11 |
Vprašanje se ponovno pojavi. [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>Neimenovani dokumenti</title>
<style type="text/css">
*{padding:0px; rob:0px; }
#box{širina:200px; višina: 200px; rob-desno:auto; margin-left:auto; text-align:center; }
#box a, #box a: obiskali {okrasitev besedila: none; barva: #333; display:block; }
#box a:lebdeč {barva: #F00; Rob: trdna 2px #FF0000; }       
#box a:hover span{ position:absolute; širina:0; višina: 0; rob: trdna 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]
 Najemodajalec| Objavljeno na 3. 12. 2014 22:38:34 |

Trikotnik blokira vsebino, kako prilagoditi razmik, takoj ko prilagodim razmik, postane popolna prilagoditev pozicioniranja

QQ图片20141203223601.png (3.61 KB, Število prenosov: 391)

Objavljeno na 3. 12. 2014 22:53:13 |
Očitno mi nisi namignil Objavljeno 2014-12-3 22:38
Trikotnik blokira vsebino, kako prilagoditi razmik, takoj ko prilagodim razmik, postane popolna prilagoditev pozicioniranja

ne bo pomagalo
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.
Mail To:help@itsvse.com