Nybegyndere beder om hjælp og beder om to trekanter i samme lige linje. Find det forkerte sted. (Gennemse det)

Jeg ved, du ikke har antydet noget om mig · Opslået på 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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box{width:200px; højde: 200px; margin-højre:auto; margin-venstre:auto; tekst-align:center; }
#box a, #box a:besøgt {tekst-dekoration: ingen; farve: #333; display:blok; }
#box a:hover {color: #F00; }
#box a:hover span{ display:block; Position: absolut; bredde:0; højde: 0; Kant: 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=boks>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 23.20.12

admin Opslået den 3-12-2014 kl. 23:17
Jeg ved ikke, hvad din trekant handler om

Trekanten er presset ud med en spændt kant, lad mig lige sætte vores lærers standardkode frem
[mw_shl_code=html,sandt]
<! 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 { /*Sæt menulaget*/
font-family:Arial;                               /*font*/
skriftstørrelse: 16px;                               /*Skriftstørrelse*/
bredde: 140 px;                               /*bredde*/
margin:0 auto;                               /*0,5 m mellem menupunkter og horisontalt centreret*/
Kant: Solid 1px #ccc;                      /*Grå tynd kant*/
}

#menu a, #menu a:besøgt {
  tekst-dekoration: ingen;                      /*Teksten er ikke understreget*/
  tekst-align:center;                               /*Teksten er horisontalt centreret justeret*/
  farve: #c00;                                        /*rød tekst*/
  display:blok;                               /*Sat til blokniveau-element*/
  polstring: 4px;                                     /*Margener*/
  baggrundsfarve: #fff;                      /*baggrundsfarve*/
  Kant: Solid 1px #fff;                      /*Samme kant som baggrundsfarven for at forhindre hop*/
  Position: Relativ;                               /*Ved brug af relativ positionering*/
  bredde: 130px;
  }

#menu et spænd {
  visning: ingen;
}

#menu a:hover {
  kantfarve: #c00;                               /*Kantfarve rød*/
}

#menu a:hover span {
      display:blok;             /*Sat til blokniveau-element*/
  Position: absolut;                               /*Ved brug af absolut positionering*/
  højde: 0;                                        /*Højde er 0*/
  bredde:0;                                        /*0*Bredden er 0*/
  Kant: Solid 8px #fff;                      /*Sæt standard kantstil*/
  top: 4px;                                     /*Vertikal positionering*/
  Overflow: skjult;
  }

  #menu a:hover span.left {
  kant-venstre-farve:#c00;
  venstre: 8px;
  }

  #menu a:hover span.right {
  kant-højre-farve:#c00;
  højre: 8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <span class="left"></span> menupunkt 1<span class="right"></span> </a>
   <a href="#">
            <span klasse="venstre"></span> menupunkt 2</a>
   <a href="#">
                        <spanklasse="venstre"></span> menupunkt 3<spanklasse="højre"></span> </a>
   <a href="#">
                     <spanklasse="venstre"></span> menupunkt 4<spanklasse="højre"></span> </a>
   <a href="#">
                        <span klasse="venstre"></span> menupunkt fem</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Opslået på 03/12/2014 23.17.49

Det er tydeligt, at du ikke antydede det til mig Udgivet den 3-12-2014 22:38
Trekanten blokerer indholdet, hvordan man justerer afstanden, så snart jeg justerer afstanden, bliver det en absolut positionsjustering

Jeg ved ikke, hvad din trekant handler om
[mw_shl_code=html,sandt]
<!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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box a{border: 1px solid #666; }
#box{width:250px; højde: 200px; margin-højre:auto; margin-venstre:auto; tekst-align:center; Kant: solid 1px #999999; }
#box a, #box a:besøgt {tekst-dekoration: ingen; farve: #333; display:blok; }
#box a:hover span{ position:relative; Kant: solid 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=boks>
<a href="#"><span class="z"></span> dette er den første <span class="y" ></span></a>
<a href="#"><spanklasse="z"></span> dette er den anden <span-klasse="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den tredje <span-klasse="y"></span></a>
<a href="#"><span class="z"></span> dette er den fjerde <span class="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den femte <span-klasse="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den sjette <span-klasse="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 23.17.07

[mw_shl_code=html,,sandt] <!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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box a{border: 1px solid #666; }
#box{width:200px; højde: 200px; margin-højre:auto; margin-venstre:auto; tekst-align:center; Kant: solid 1px #999999; }
#box a, #box a:besøgt {tekst-dekoration: ingen; farve: #333; display:blok; }
#box a:hover span{ position:absolute; bredde:0; højde: 0; Kant: 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=boks>
<a href="#"><span class="z"></span> dette er den første <span class="y" ></span></a>
<a href="#"><spanklasse="z"></span> dette er den anden <span-klasse="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den tredje <span-klasse="y"></span></a>
<a href="#"><span class="z"></span> dette er den fjerde <span class="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den femte <span-klasse="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den sjette <span-klasse="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 21.40.28

Admin · Opslået på 03/12/2014 22.12.27

Put:display:block; Fjern det, og problemet er løst!
Korrekt kode:

[mw_shl_code=html,sandt] <!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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box{width:200px; højde: 200px; margin-højre:auto; margin-venstre:auto; tekst-align:center; }
#box a, #box a:besøgt {tekst-dekoration: ingen; farve: #333; display:blok; }
#box a:hover {color: #F00; }
#box a:hover span{ position:absolute; bredde:0; højde: 0; Kant: 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=boks>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 22.15.06

admin postet den 3-12-2014 kl. 22:12
Put:display:block; Fjern det, og problemet er løst!
Korrekt kode:

Formidabelt!

Hvepse · Opslået på 03/12/2014 22.16.26

display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Så den anden trekant vil automatisk vikle linjen

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 22.17.56

Wasp Opslået den 3-12-2014 22:16
display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Så den anden trekant vil automatisk vikle linjen

Hver af dem er en magtfuld person, og hvis der opstår problemer i fremtiden, vil det blive postet her. Tak til jer alle for jeres hjælp

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 22.18.04

Mange tak

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 22.36.11

Spørgsmålet opstår igen. [mw_shl_code=html,sandt] <!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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box{width:200px; højde: 200px; margin-højre:auto; margin-venstre:auto; tekst-align:center; }
#box a, #box a:besøgt {tekst-dekoration: ingen; farve: #333; display:blok; }
#box a:hover {color: #F00; Kant: solid 2px #FF0000; }
#box a:hover span{ position:absolute; bredde:0; højde: 0; Kant: 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=boks>
<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="#"><spanklasse="z"></span>4<spanklasse="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]

Jeg ved, du ikke har antydet noget om mig · Opslået på 03/12/2014 22.38.34

Trekanten blokerer indholdet, hvordan man justerer afstanden, så snart jeg justerer afstanden, bliver det en absolut positionsjustering

Delver_Si · Opslået på 03/12/2014 22.53.13

Det er tydeligt, at du ikke antydede det til mig Udgivet den 3-12-2014 22:38
Trekanten blokerer indholdet, hvordan man justerer afstanden, så snart jeg justerer afstanden, bliver det en absolut positionsjustering

vil ikke hjælpe

[CSS/DIV] Nybegyndere beder om hjælp og beder om to trekanter i samme lige linje. Find det forkerte sted. (Gennemse det)

Afsnit set