Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Architect_Programmer_Code Lauksaimniecības tīkls»Arhitekts › Front-end dizains un tīmeklis › HTML / CSS / JavaScript › Iesācēji lūdz palīdzību un lūdz divus trijstūrus vienā taisnā līnijā. Atrodiet nepareizo vietu.
Skats: 31322|Atbildi: 23

[CSS / DIV] Iesācēji lūdz palīdzību un lūdz divus trijstūrus vienā taisnā līnijā. Atrodiet nepareizo vietu. (Pārlūkot)

[Kopēt saiti]
Publicēts 03.12.2014 21:38:51 | | | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//LV" "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>Dokumenti bez nosaukuma</title>
<style type="text/css">
*{polsterējums:0px; margin:0px; }
#box{platums:200px; augstums:200px; margin-right:auto; piemale pa kreisi:automātiski; teksta līdzināšana:centrs; }
#box a, #box a:visited {teksta dekorācija: nav; krāsa: #333; displejs:bloks; }
#box a:hover {krāsa: #F00; }       
#box a:hover span{ display:block; pozīcija: absolūta; platums:0; augstums:0; robeža:ciets 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=lodziņš>
        <a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>






Iepriekšējo:Nāk jauna veida DDoS uzbrukums
Nākamo:Android SD kartes ātruma pārbaudes programmatūra, pārbaudiet atmiņas kartes lasīšanas un rakstīšanas ātrumu
 Saimnieks| Publicēts 03.12.2014 23:20:12 |
admin Publicēts 2014-12-3 23:17
Es nezinu, kas ir jūsu trijstūris


Trīsstūris ir izspiests ar laiduma apmali, ļaujiet man izlikt mūsu skolotāja standarta kodu
[mw_shl_code=html,true]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//LV"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

            <style>


#menu { /*Iestatiet izvēlnes slāni*/
   fontu saime:Arial;                                /*fonts*/
   fonta izmērs:16px;                                /*Fonta lielums*/
   platums:140px;                                 /*platums*/
   margin:0 auto;                                /*0.5em starp izvēlnes vienumiem un horizontāli centrēts*/
   robeža:ciets 1px #ccc;                        /*Pelēka plāna apmale*/
   }

#menu a, #menu a:visited {
  teksta dekorēšana:nav;                         /*Teksts nav pasvītrots*/
  teksta līdzināšana:centrs;                                 /*Teksts ir horizontāli centrēts, izlīdzināts*/
  krāsa:#c00;                                         /*sarkans teksts*/
  displejs:bloks;                                /*Iestatīt uz bloka līmeņa elementu*/
  polsterējums:4px;                                        /*Rezerves*/
  fona krāsa:#fff;                         /*fona krāsa*/
  robeža:ciets 1px #fff;                        /*Tāda pati apmale kā fona krāsa, lai novērstu lēkšanu*/
  amats: relatīvs;                                /*Relatīvās pozicionēšanas izmantošana*/
  platums:130px;
  }

#menu span {
  displejs:nav;
}

#menu a:hover {
  apmales krāsa:#c00;                                /*Apmales krāsa sarkana*/
}
  
#menu a:hover span {
        displejs:bloks;                /*Iestatīt uz bloka līmeņa elementu*/
  pozīcija: absolūta;                                 /*Absolūtās pozicionēšanas izmantošana*/
  augstums:0;                                         /*Augums ir 0*/
  platums:0;                                         /*0*Platums ir 0*/
  robeža:ciets 8px #fff;                        /*Iestatīt noklusējuma apmales stilu*/
  augšējā daļa: 4 pikseļi;                                        /*Vertikālā pozicionēšana*/        
  pārplūde:slēpts;
  }

  #menu a:hover span.left {
  apmales kreisā krāsa:#c00;
  pa kreisi:8px;
  }

  #menu a:hover span.right {
  border-right-color:#c00;
  pa labi:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>bultiņas izvēlne</title></head>

<body>
    <div id="menu">
       <a href="#">
               <span class="left"></span> izvēlnes vienums 1<span class="right"></span> </a>
       <a href="#">
                <span class="left"></span> izvēlnes vienums 2</a>
       <a href="#">
                           <span class="left"></span> izvēlnes vienums 3<span class="right"></span> </a>
       <a href="#">
                        <span class="left"></span> izvēlnes vienums 4<span class="right"></span> </a>
       <a href="#">
                           <span class="left"></span> piektais izvēlnes punkts</a> </div>
</body>
</html>
[/mw_shl_code]
Publicēts 03.12.2014 23:17:49 |
Skaidrs, ka jūs man nedevāt mājienu Publicēts 2014-12-3 22:38
Trīsstūris bloķē saturu, kā pielāgot atstarpi, tiklīdz es pielāgoju atstarpi, tas kļūst par absolūtu pozicionēšanas korekciju

Es nezinu, kas ir jūsu trijstūris
[mw_shl_code=html,true]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//LV" "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>Dokumenti bez nosaukuma</title>
<style type="text/css">
*{polsterējums:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{platums:250px; augstums:200px; margin-right:auto; piemale pa kreisi:automātiski; teksta līdzināšana:centrs; robeža:ciets 1px #999999; }
#box a, #box a:visited {teksta dekorācija: nav; krāsa: #333; displejs:bloks; }       
#box a:hover span{ pozīcija:relatīvs; robeža:ciets 1px #FFFFFF; polsterējums-pa kreisi: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=lodziņš>
        <a href="#"><span class="z"></span> šī ir pirmā <span class="y" ></span></a>
    <a href="#"><span class="z"></span> šī ir otrā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir trešā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir ceturtā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir piektā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir sestā <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Saimnieks| Publicēts 03.12.2014 23:17:07 |
[mw_shl_code=html,,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//LV" "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>Dokumenti bez nosaukuma</title>
<style type="text/css">
*{polsterējums:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{platums:200px; augstums:200px; margin-right:auto; piemale pa kreisi:automātiski; teksta līdzināšana:centrs; robeža:ciets 1px #999999; }
#box a, #box a:visited {teksta dekorācija: nav; krāsa: #333; displejs:bloks; }        
#box a:hover span{ pozīcija:absolūts; platums:0; augstums:0; robeža:ciets 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=lodziņš>
        <a href="#"><span class="z"></span> šī ir pirmā <span class="y" ></span></a>
    <a href="#"><span class="z"></span> šī ir otrā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir trešā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir ceturtā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir piektā <span class="y"></span></a>
    <a href="#"><span class="z"></span> šī ir sestā <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Saimnieks| Publicēts 03.12.2014 21:40:28 |

Publicēts 03.12.2014 22:12:27 |
likt:displejs:bloks; Noņemiet un problēma ir atrisināta!
Pareizais kods:

[mw_shl_code=html,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//LV" "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>Dokumenti bez nosaukuma</title>
<style type="text/css">
*{polsterējums:0px; margin:0px; }
#box{platums:200px; augstums:200px; margin-right:auto; piemale pa kreisi:automātiski; teksta līdzināšana:centrs; }
#box a, #box a:visited {teksta dekorācija: nav; krāsa: #333; displejs:bloks; }
#box a:hover {krāsa: #F00; }        
#box a:hover span{ pozīcija:absolūts; platums:0; augstums:0; robeža:ciets 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=lodziņš>
        <a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Saimnieks| Publicēts 03.12.2014 22:15:06 |
admin Publicēts 2014-12-3 22:12
likt:displejs:bloks; Noņemiet un problēma ir atrisināta!
Pareizais kods:

Vienreizēji!
Publicēts 03.12.2014 22:16:26 |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Tātad otrs trijstūris automātiski iesaiņos līniju
 Saimnieks| Publicēts 03.12.2014 22:17:56 |
Lapsene Publicēts 2014-12-3 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Tātad otrs trijstūris automātiski iesaiņos līniju

Katrs no viņiem ir spēcīgs cilvēks, un, ja nākotnē radīsies problēma, tā tiks publicēta šeit. Paldies visiem par palīdzību
 Saimnieks| Publicēts 03.12.2014 22:18:04 |
Liels paldies
 Saimnieks| Publicēts 03.12.2014 22:36:11 |
Jautājums atkal rodas. [mw_shl_code=html,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//LV" "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>Dokumenti bez nosaukuma</title>
<style type="text/css">
*{polsterējums:0px; margin:0px; }
#box{platums:200px; augstums:200px; margin-right:auto; piemale pa kreisi:automātiski; teksta līdzināšana:centrs; }
#box a, #box a:visited {teksta dekorācija: nav; krāsa: #333; displejs:bloks; }
#box a:hover {krāsa: #F00; robeža: cieta 2px #FF0000; }       
#box a:hover span{ pozīcija:absolūts; platums:0; augstums:0; robeža:ciets 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=lodziņš>
        <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">5</span><span class="y"></span></a>
    <a href="#"><span class="z"></span>6<span class="y"></span></a>
</div>

</body>
[/</html>mw_shl_code]
 Saimnieks| Publicēts 03.12.2014 22:38:34 |

Trīsstūris bloķē saturu, kā pielāgot atstarpi, tiklīdz es pielāgoju atstarpi, tas kļūst par absolūtu pozicionēšanas korekciju

QQ图片20141203223601.png (3.61 KB, Lejupielādes skaits: 391)

Publicēts 03.12.2014 22:53:13 |
Skaidrs, ka jūs man nedevāt mājienu Publicēts 2014-12-3 22:38
Trīsstūris bloķē saturu, kā pielāgot atstarpi, tiklīdz es pielāgoju atstarpi, tas kļūst par absolūtu pozicionēšanas korekciju

nepalīdzēs
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.
Mail To:help@itsvse.com