Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Html/CSS/JavaScript › Beginners vragen om hulp en vragen om twee driehoeken in dezelfde rechte lijn. Zoek de verkeerde plek.
Bekijken: 31322|Antwoord: 23

[CSS/DIV] Beginners vragen om hulp en vragen om twee driehoeken in dezelfde rechte lijn. Zoek de verkeerde plek. (Blader rond)

[Link kopiëren]
Geplaatst op 03-12-2014 21:38:51 | | | |
<!DOCTYPE html PUBLIEK "-//W3C//DTD XHTML 1.0 Transitioneel//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>Ongetitelde documenten</title>
<stijltype="text/css">
*{padding:0px; marge:0px; }
#box{width:200px; Hoogte: 200px; marge-rechts:auto; margin-left:auto; text-align:center; }
#box a, #box a:bezocht {text-decoration: none; kleur: #333; display:block; }
#box a:hover {kleur: #F00; }       
#box a:hover span{ display:block; positie: absoluut; breedte:0; hoogte:0; rand: solide 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-kleur:#FF0000; }
</style>
</head>
<body>
<div id=box>
        <a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>






Vorig:Er komt een nieuw type DDoS-aanval aan
Volgend:Android SD-kaart snelheidstestsoftware, test de lees- en schrijfsnelheid van je geheugenkaart
 Huisbaas| Geplaatst op 03-12-2014 23:20:12 |
admin Geplaatst op 3-12-2014 23:17
Ik weet niet waar jouw driehoek over gaat


De driehoek is uitgeknepen met een spanrand, laat me de standaardcode van onze leraar uitleggen
[mw_shl_code=html,waar]
<! DOCTYPE html PUBLIEK "-//W3C//DTD XHTML 1.0 Transitioneel//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

            <style>


#menu { /*Set the menu layer*/
   font-family:Arial;                                /*font*/
   lettergrootte: 16px;                                /*Lettergrootte*/
   breedte: 140px;                                 /*Breedte*/
   marge:0 auto;                                /*0,5 m tussen menu-items en horizontaal gecentreerd*/
   rand: solide 1px #ccc;                        /*Grijze Dunne Rand*/
   }

#menu a, #menu a:bezocht {
  tekst-decoratie: geen;                         /*Tekst is niet onderstreept*/
  text-align:center;                                 /*Tekst is horizontaal gecentreerd uitgelijnd*/
  kleur:#c00;                                         /*rode tekst*/
  display:block;                                /*Ingesteld op blokniveau element*/
  opvulling: 4px;                                        /*Marges*/
  achtergrondkleur: #fff;                         /*achtergrondkleur*/
  rand: solide 1px #fff;                        /*Zelfde rand als achtergrondkleur om springen te voorkomen*/
  positie: relatief;                                /*Gebruik van relatieve positionering*/
  breedte: 130px;
  }

#menu een overspanning {
  weergave: geen;
}

#menu a:hover {
  randkleur:#c00;                                /*Randkleur rood*/
}
  
#menu a:hover span {
        display:block;                /*Ingesteld op blokniveau element*/
  positie: absoluut;                                 /*Met Absolute Positionering*/
  hoogte:0;                                         /*Hoogte is 0*/
  breedte:0;                                         /*0*Breedte is 0*/
  rand: solide 8px #fff;                        /*Stel standaard randstijl in*/
  top:4px;                                        /*Verticale positionering*/        
  Overflow: Verborgen;
  }

  #menu a:hover span.links {
  rand-links-kleur:#c00;
  links: 8px;
  }

  #menu a:hover span.right {
  rand-rechts-kleur:#c00;
  rechts: 8px;
  }

</style>

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

<body>
    <div id="menu">
       <a href="#">
               <span class="left"></span> menuitem 1<span class="right"></span> </a>
       <a href="#">
                <span class="left"></span> menuitem 2</a>
       <a href="#">
                           <span class="links"></span> menuitem 3<span class="right"></span> </a>
       <a href="#">
                        <span klasse="links"></span> menu-item 4<span klasse="rechts"></span> </a>
       <a href="#">
                           <span klasse="links"></span> menu-item vijf</a> </div>
</body>
</html>
[/mw_shl_code]
Geplaatst op 03-12-2014 23:17:49 |
Duidelijk heb je me niet gesuggereerd Geplaatst op 3-12-2014 22:38
De driehoek blokkeert de inhoud, hoe de afstand te wijzigen, zodra ik de afstand aanpas, wordt het een absolute positioneringsaanpassing

Ik weet niet waar jouw driehoek over gaat
[mw_shl_code=html,waar]
<!DOCTYPE html PUBLIEK "-//W3C//DTD XHTML 1.0 Transitioneel//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>Ongetitelde documenten</title>
<stijltype="text/css">
*{padding:0px; marge:0px; }
#box a{border: 1px solide #666; }
#box{width:250px; Hoogte: 200px; marge-rechts:auto; margin-left:auto; text-align:center; rand: solide 1px #999999; }
#box a, #box a:bezocht {text-decoration: none; kleur: #333; display:block; }       
#box a:hover span{ positie:relatief; rand: solide 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{ rand-rechts-kleur:#FF0000; }
</style>
</head>
<body>
<div id=box>
        <a href="#"><span class="z"></span> dit is de eerste <span class="y" ></span></a>
    <a href="#"><span class="z"></span> dit is de tweede <span class="y"></span></a>
    <a href="#"><span class="z"></span> dit is de derde <span class="y"></span></a>
    <a href="#"><span class="z"></span> dit is de vierde <span class="y"></span></a>
    <a href="#"><span class="z"></span> dit is de vijfde <span class="y"></span></a>
    <a href="#"><spanklas="z"></span> dit is de zesde <spanklas="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Huisbaas| Geplaatst op 03-12-2014 23:17:07 |
[mw_shl_code=html,,waar] <!DOCTYPE html PUBLIEK "-//W3C//DTD XHTML 1.0 Transitioneel//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>Ongetitelde documenten</title>
<stijltype="text/css">
*{padding:0px; marge:0px; }
#box a{border: 1px solide #666; }
#box{width:200px; Hoogte: 200px; marge-rechts:auto; margin-left:auto; text-align:center; rand: solide 1px #999999; }
#box a, #box a:bezocht {text-decoration: none; kleur: #333; display:block; }        
#box a:hover span{ positie:absoluut; breedte:0; hoogte:0; rand: solide 8px #FFFFFF; }
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-kleur:#FF0000; }
</style>
</head>
<body>
<div id=box>
        <a href="#"><span class="z"></span> dit is de eerste <span class="y" ></span></a>
    <a href="#"><span class="z"></span> dit is de tweede <span class="y"></span></a>
    <a href="#"><span class="z"></span> dit is de derde <span class="y"></span></a>
    <a href="#"><span class="z"></span> dit is de vierde <span class="y"></span></a>
    <a href="#"><span class="z"></span> dit is de vijfde <span class="y"></span></a>
    <a href="#"><spanklas="z"></span> dit is de zesde <spanklas="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Huisbaas| Geplaatst op 03-12-2014 21:40:28 |

Geplaatst op 03-12-2014 22:12:27 |
Set:display:block; Verwijder je het probleem is opgelost!
Correcte code:

[mw_shl_code=html,waar] <!DOCTYPE html PUBLIEK "-//W3C//DTD XHTML 1.0 Transitioneel//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>Ongetitelde documenten</title>
<stijltype="text/css">
*{padding:0px; marge:0px; }
#box{width:200px; Hoogte: 200px; marge-rechts:auto; margin-left:auto; text-align:center; }
#box a, #box a:bezocht {text-decoration: none; kleur: #333; display:block; }
#box a:hover {kleur: #F00; }        
#box a:hover span{ positie:absoluut; breedte:0; hoogte:0; rand: solide 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-kleur:#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]
 Huisbaas| Geplaatst op 03-12-2014 22:15:06 |
Admin geplaatst op 3-12-2014 22:12
Set:display:block; Verwijder je het probleem is opgelost!
Correcte code:

Geweldig!
Geplaatst op 03-12-2014 22:16:26 |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Dus de andere driehoek zal automatisch de lijn omvouwen
 Huisbaas| Geplaatst op 03-12-2014 22:17:56 |
Wasp Geplaatst op 3-12-2014 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Dus de andere driehoek zal automatisch de lijn omvouwen

Elk van hen is een machtig persoon, en als er in de toekomst een probleem is, zal dat hier worden geplaatst. Dank jullie wel allemaal voor jullie hulp
 Huisbaas| Geplaatst op 03-12-2014 22:18:04 |
Hartelijk dank
 Huisbaas| Geplaatst op 03-12-2014 22:36:11 |
De vraag rijst opnieuw. [mw_shl_code=html,waar] <!DOCTYPE html PUBLIEK "-//W3C//DTD XHTML 1.0 Transitioneel//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>Ongetitelde documenten</title>
<stijltype="text/css">
*{padding:0px; marge:0px; }
#box{width:200px; Hoogte: 200px; marge-rechts:auto; margin-left:auto; text-align:center; }
#box a, #box a:bezocht {text-decoration: none; kleur: #333; display:block; }
#box a:hover {kleur: #F00; rand: solide 2px #FF0000; }       
#box a:hover span{ positie:absoluut; breedte:0; hoogte:0; rand: solide 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-kleur:#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]
 Huisbaas| Geplaatst op 03-12-2014 22:38:34 |

De driehoek blokkeert de inhoud, hoe de afstand te wijzigen, zodra ik de afstand aanpas, wordt het een absolute positioneringsaanpassing

QQ图片20141203223601.png (3.61 KB, Aantal downloads: 391)

Geplaatst op 03-12-2014 22:53:13 |
Duidelijk heb je me niet gesuggereerd Geplaatst op 3-12-2014 22:38
De driehoek blokkeert de inhoud, hoe de afstand te wijzigen, zodra ik de afstand aanpas, wordt het een absolute positioneringsaanpassing

zal niet helpen
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com