Nybörjare ber om hjälp och ber om två trianglar i samma raka linje. Hitta fel plats. (Bläddra bland oss)

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 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>Obetitlade dokument</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{width:200px; höjd: 200 px; margin-höger:auto; margin-left:auto; text-align:center; }
#box a, #box a:besökt {text-decoration: ingen; färg: #333; display:block; }
#box a:hovra {färg: #F00; }
#box a:hover span{ display:block; Position: absolut; bredd:0; höjd:0; Kant: Stabil 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hov span.y{ kant-höger-färg:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 23:20:12

admin Postad den 2014-12-3 23:17
Jag vet inte vad din triangel handlar om

Triangeln är utpressad med en spannkant, låt mig lägga ut vår lärares standardkod
[mw_shl_code=html,sant]
<! 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ätt menylagret*/
font-family:Arial;                               /*font*/
font-size:16px;                               /*Teckenstorlek*/
bredd: 140px;                               /*bredd*/
marginal:0 auto;                               /*0,5 mm mellan menypunkterna och horisontellt centrerad*/
Kant: Solid 1px #ccc;                      /*Grå tunn kant*/
}

#menu a, #menu a:besökt {
  text-dekoration: inga;                      /*Texten är inte understruken*/
  text-align:center;                               /*Texten är horisontellt centrerad*/
  färg:#c00;                                        /*röd text*/
  display:block;                               /*Ställ på blocknivå-element*/
  utfyllning: 4 px;                                     /*Marginaler*/
  bakgrundsfärg: #fff;                      /*bakgrundsfärg*/
  Kant: Solid 1px #fff;                      /*Samma ram som bakgrundsfärg för att förhindra hopp*/
  position: relativ;                               /*Använder relativ positionering*/
  bredd: 130 px;
  }

#menu en spann {
  display: ingen;
}

#menu a:hovra {
  kantfärg:#c00;                               /*Kantfärg röd*/
}

#menu a:hover span {
      display:block;             /*Ställ på blocknivå-element*/
  Position: absolut;                               /*Använder absolut positionering*/
  höjd:0;                                        /*Höjd är 0*/
  bredd:0;                                        /*0*Bredden är 0*/
  Kant: Stabil 8px #fff;                      /*Sätt standardramstil*/
  topp: 4px;                                     /*Vertikal positionering*/
  överflöd: dolt;
  }

  #menu a:hov span.left {
  kant-vänster-färg:#c00;
  vänster: 8 px;
  }

  #menu a:hover span.right {
  kant-höger-färg:#c00;
  höger:8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <spanklass="vänster"></span> menypunkt 1<spanklass="höger"></span> </a>
   <a href="#">
            <spann klass="vänster"></span> menypunkt 2</a>
   <a href="#">
                        <spanklass="vänster"></span> menypunkt 3<spanklass="höger"></span> </a>
   <a href="#">
                     <spanklass="vänster"></span> menypunkt 4<spanklass="höger"></span> </a>
   <a href="#">
                        <spann klass="vänster"></span> menypunkt fem</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Publicerad på 2014-12-03 23:17:49

Uppenbarligen antydde du inte för mig Publicerad den 2014-12-3 22:38
Triangeln blockerar innehållet, hur man justerar avståndet, så fort jag justerar avståndet blir det en absolut positionsjustering

Jag vet inte vad din triangel handlar om
[mw_shl_code=html,sant]
<!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>Obetitlade dokument</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{width:250px; höjd: 200 px; margin-höger:auto; margin-left:auto; text-align:center; Kant: Solid 1px #999999; }
#box a, #box a:besökt {text-decoration: ingen; färg: #333; display:block; }
#box a:hover span{ position:relativ; 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:hov span.y{ kant-höger-färg:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><spanklass="z"></span> detta är den första <span-klassen="y"-></span></a>
<a href="#"><spanklass="z"></span> detta är den andra <spanklassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den tredje <span-klassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den fjärde <spanklassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den femte <spanklassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den sjätte <spanklassen="y"></span></a>
</div>

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

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 23:17:07

[mw_shl_code=html,,sant] <!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>Obetitlade dokument</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{width:200px; höjd: 200 px; margin-höger:auto; margin-left:auto; text-align:center; Kant: Solid 1px #999999; }
#box a, #box a:besökt {text-decoration: ingen; färg: #333; display:block; }
#box a:hover span{ position:absolute; bredd:0; höjd:0; Kant: Stabil 8px #FFFFFF; }
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hov span.y{ kant-höger-färg:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><spanklass="z"></span> detta är den första <span-klassen="y"-></span></a>
<a href="#"><spanklass="z"></span> detta är den andra <spanklassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den tredje <span-klassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den fjärde <spanklassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den femte <spanklassen="y"></span></a>
<a href="#"><spanklass="z"></span> detta är den sjätte <spanklassen="y"></span></a>
</div>

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

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 21:40:28

Admin · Publicerad på 2014-12-03 22:12:27

Sätt:visa:blockera; Ta bort och problemet är löst!
Korrekt kod:

[mw_shl_code=html,sant] <!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>Obetitlade dokument</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{width:200px; höjd: 200 px; margin-höger:auto; margin-left:auto; text-align:center; }
#box a, #box a:besökt {text-decoration: ingen; färg: #333; display:block; }
#box a:hovra {färg: #F00; }
#box a:hover span{ position:absolute; bredd:0; höjd:0; Kant: Stabil 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hov span.y{ kant-höger-färg:#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]

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 22:15:06

admin postade den 2014-12-3 22:12
Sätt:visa:blockera; Ta bort och problemet är löst!
Korrekt kod:

Toppen!

Getingar · Publicerad på 2014-12-03 22:16:26

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

Så den andra triangeln kommer automatiskt att omsluta linjen

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 22:17:56

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

Så den andra triangeln kommer automatiskt att omsluta linjen

Var och en av dem är en mäktig person, och om det uppstår problem i framtiden kommer det att publiceras här. Tack alla för er hjälp

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 22:18:04

Tack så mycket

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 22:36:11

Frågan uppstår igen. [mw_shl_code=html,sant] <!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>Obetitlade dokument</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{width:200px; höjd: 200 px; margin-höger:auto; margin-left:auto; text-align:center; }
#box a, #box a:besökt {text-decoration: ingen; färg: #333; display:block; }
#box a:hovra {färg: #F00; Kant: Stabil 2px #FF0000; }
#box a:hover span{ position:absolute; bredd:0; höjd:0; Kant: Stabil 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hov span.y{ kant-höger-färg:#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="#"><spanklass="z"></span>4<spanklas="y"></span></a>
<a href="#"><spanklass="z"></span>5<spanklas="y"></span></a>
<a href="#"><span class="z"></span>6<span class="y"></span></a>
</div>

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

Jag vet att du inte har antytt mig · Publicerad på 2014-12-03 22:38:34

Triangeln blockerar innehållet, hur man justerar avståndet, så fort jag justerar avståndet blir det en absolut positionsjustering

Delver_Si · Publicerad på 2014-12-03 22:53:13

Uppenbarligen antydde du inte för mig Publicerad den 2014-12-3 22:38
Triangeln blockerar innehållet, hur man justerar avståndet, så fort jag justerar avståndet blir det en absolut positionsjustering

kommer inte att hjälpa

[CSS/DIV] Nybörjare ber om hjälp och ber om två trianglar i samma raka linje. Hitta fel plats. (Bläddra bland oss)

Avsnitt som ses