Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Html/CSS/JavaScript › Novicii cer ajutor și cer două triunghiuri pe aceeași linie dreaptă. Găsește locul greșit.
Vedere: 31322|Răspunde: 23

[CSS/DIV] Novicii cer ajutor și cer două triunghiuri pe aceeași linie dreaptă. Găsește locul greșit. (Răsfoiește)

[Copiază linkul]
Postat pe 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>Documente fără titlu</title>
<style type="text/css">
*{padding:0px; margine:0px; }
#box{lățime:200px; Înălțime: 200px; margine-dreapta:auto; margine-stânga:auto; text-align:center; }
#box a, #box a:vizitat {text-decoration: none; Culoare: #333; display:block; }
#box a:hover {color: #F00; }       
#box a:hover span{ display:block; poziție: absolut; lățime:0; înălțime: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>






Precedent:Un nou tip de atac DDoS vine
Următor:Software de testare a vitezei cardului SD Android, testează viteza de citire și scriere a cardului tău de memorie
 Proprietarul| Postat pe 03.12.2014 23:20:12 |
admin Postat la 2014-12-3 23:17
Nu știu despre ce este triunghiul tău


Triunghiul este strâns cu o margine de deschidere, permiteți-mi să pun codul standard al profesorului nostru
[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 { /*Setează stratul meniului*/
   familie de fonturi: Arial;                                /*font*/
   font-size:16px;                                /*Dimensiunea fontului*/
   lățime: 140px;                                 /*lățime*/
   marjă: 0 auto;                                /*0.5em între elementele din meniu și centrate orizontal*/
   Border:solid 1px #ccc;                        /*Margine subțire gri*/
   }

#menu a, #menu a:visited {
  text-decorațiune: niciunul;                         /*Textul nu este subliniat*/
  text-align:center;                                 /*Textul este aliniat orizontal în centru*/
  culoare: #c00;                                         /*text roșu*/
  display:block;                                /*Setat la nivel de bloc*/
  Padding: 4px;                                        /*Marje*/
  culoare de fundal: #fff;                         /*culoare de fundal*/
  Border:solid 1px #fff;                        /*Aceeași margine ca culoarea de fundal pentru a preveni salturile*/
  poziție: relativ;                                /*Folosind poziționarea relativă*/
  lățime: 130px;
  }

#menu o deschidere {
  display:niciunul;
}

#menu a:hover {
  culoare de margine: #c00;                                /*Culoarea marginii roșie*/
}
  
#menu a:hover span {
        display:block;                /*Setat la nivel de bloc*/
  poziție: absolut;                                 /*Folosind Poziționarea Absolută*/
  înălțime:0;                                         /*Înălțimea este 0*/
  lățime:0;                                         /*0*Lățimea este 0*/
  Border:solid 8px #fff;                        /*Setează stilul implicit al marginii*/
  top: 4px;                                        /*Poziționare verticală*/        
  overflow: ascuns;
  }

  #menu a:hover span.left {
  culoare-margine-stânga:#c00;
  stânga: 8px;
  }

  #menu a:hover span.right {
  culoare-margine-dreapta:#c00;
  dreapta:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>meniu săgeată</title></head>

<body>
    <div id="menu">
       <a href="#">
               <span class="left"></span> element de meniu 1<span class="right"></span> </a>
       <a href="#">
                <span class="left"></span> element de meniu 2</a>
       <a href="#">
                           <span class="left"></span> element de meniu 3<span class="right"></span> </a>
       <a href="#">
                        <span class="left"></span> element de meniu 4<span class="right"></span> </a>
       <a href="#">
                           <span class="left"></span> element de meniu cinci</a> </div>
</body>
</html>
[/mw_shl_code]
Postat pe 03.12.2014 23:17:49 |
E clar că nu mi-ai dat de îndoit Postat la 2014-12-3 22:38
Triunghiul blochează conținutul, cum să ajustezi distanțarea, de îndată ce ajustez distanțarea, devine o ajustare absolută a poziționării

Nu știu despre ce este triunghiul tău
[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>Documente fără titlu</title>
<style type="text/css">
*{padding:0px; margine:0px; }
#box a{border: 1px solid #666; }
#box{lățime:250px; Înălțime: 200px; margine-dreapta:auto; margine-stânga:auto; text-align:center; Border:solid 1px #999999; }
#box a, #box a:vizitat {text-decoration: none; Culoare: #333; display:block; }       
#box a:hover span{ position:relative; Border:solid 1px #FFFFFF; umplutură-stânga: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> aceasta este prima <span class="y" ></span></a>
    <a href="#"><span class="z"></span> aceasta este a doua <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a treia <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a patra <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a cincea <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a șasea <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Proprietarul| Postat pe 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>Documente fără titlu</title>
<style type="text/css">
*{padding:0px; margine:0px; }
#box a{border: 1px solid #666; }
#box{lățime:200px; Înălțime: 200px; margine-dreapta:auto; margine-stânga:auto; text-align:center; Border:solid 1px #999999; }
#box a, #box a:vizitat {text-decoration: none; Culoare: #333; display:block; }        
#box a:hover span{ position:absolute; lățime:0; înălțime: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 class="z"></span> aceasta este prima <span class="y" ></span></a>
    <a href="#"><span class="z"></span> aceasta este a doua <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a treia <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a patra <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a cincea <span class="y"></span></a>
    <a href="#"><span class="z"></span> aceasta este a șasea <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Proprietarul| Postat pe 03.12.2014 21:40:28 |

Postat pe 03.12.2014 22:12:27 |
Pune:afișează:blochează; Elimină și problema este rezolvată!
Cod corect:

[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>Documente fără titlu</title>
<style type="text/css">
*{padding:0px; margine:0px; }
#box{lățime:200px; Înălțime: 200px; margine-dreapta:auto; margine-stânga:auto; text-align:center; }
#box a, #box a:vizitat {text-decoration: none; Culoare: #333; display:block; }
#box a:hover {color: #F00; }        
#box a:hover span{ position:absolute; lățime:0; înălțime: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]
 Proprietarul| Postat pe 03.12.2014 22:15:06 |
admin postat la 2014-12-3 22:12
Pune:afișează:blochează; Elimină și problema este rezolvată!
Cod corect:

Nemaipomenit!
Postat pe 03.12.2014 22:16:26 |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Astfel, celălalt triunghi va înfășura automat linia
 Proprietarul| Postat pe 03.12.2014 22:17:56 |
Wasp Postat la 2014-12-3 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Astfel, celălalt triunghi va înfășura automat linia

Fiecare dintre ei este o persoană puternică, iar dacă va apărea o problemă în viitor, aceasta va fi postată aici. Vă mulțumesc tuturor pentru ajutor
 Proprietarul| Postat pe 03.12.2014 22:18:04 |
Îţi mulţumesc foarte mult
 Proprietarul| Postat pe 03.12.2014 22:36:11 |
Întrebarea apare din nou. [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>Documente fără titlu</title>
<style type="text/css">
*{padding:0px; margine:0px; }
#box{lățime:200px; Înălțime: 200px; margine-dreapta:auto; margine-stânga:auto; text-align:center; }
#box a, #box a:vizitat {text-decoration: none; Culoare: #333; display:block; }
#box a:hover {color: #F00; Bordură: Solid 2px #FF0000; }       
#box a:hover span{ position:absolute; lățime:0; înălțime: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>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]
 Proprietarul| Postat pe 03.12.2014 22:38:34 |

Triunghiul blochează conținutul, cum să ajustezi distanțarea, de îndată ce ajustez distanțarea, devine o ajustare absolută a poziționării

QQ图片20141203223601.png (3.61 KB, Numărul de descărcări: 391)

Postat pe 03.12.2014 22:53:13 |
E clar că nu mi-ai dat de îndoit Postat la 2014-12-3 22:38
Triunghiul blochează conținutul, cum să ajustezi distanțarea, de îndată ce ajustez distanțarea, devine o ajustare absolută a poziționării

Nu va ajuta
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com