Nybegynnere ber om hjelp og ber om to trekanter i samme rette linje. Finn feil sted. (Bla ut)

Jeg vet at du ikke har hintet om meg · Publisert 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øyde: 200 px; margin-høyre:auto; margin-venstre:auto; text-align:center; }
#box a, #box a:besøkt {tekst-dekorasjon: ingen; farge: #333; display:blokk; }
#box a:hover {farge: #F00; }
#box a:hover span{ display:block; Posisjon: absolutt; bredde:0; høyde: 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 vet at du ikke har hintet om meg · Publisert på 03.12.2014 23:20:12

admin Postet 3.12.2014 kl. 23:17
Jeg vet ikke hva trekanten din handler om

Trekanten er klemt ut med en spankant, la meg legge ut lærerens standardkode
[mw_shl_code=html,sant]
<! DOCTYPE html OFFENTLIG "-//W3C//DTD XHTML 1.0 Overgangs//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

         <style>

#menu { /*Sett menylaget*/
font-family:Arial;                               /*font*/
font-size:16px;                               /*Skriftstørrelse*/
bredde: 140 px;                               /*bredde*/
margin:0 auto;                               /*0,5 mm mellom menyelementene og horisontalt sentrert*/
Kant: solid 1px #ccc;                      /*Grå, tynn kant*/
}

#menu a, #menu a:besøkte {
  tekst-dekorasjon: ingen;                      /*Teksten er ikke understreket*/
  text-align:center;                               /*Teksten er horisontalt sentrert, justert*/
  farge: #c00;                                        /*rød tekst*/
  display:blokk;                               /*Satt til blokknivå-element*/
  utfylling: 4px;                                     /*Marginer*/
  bakgrunnsfarge: #fff;                      /*bakgrunnsfarge*/
  Kant: solid 1px #fff;                      /*Samme ramme som bakgrunnsfargen for å forhindre hopping*/
  Posisjon: Relativ;                               /*Ved bruk av relativ posisjonering*/
  bredde: 130px;
  }

#menu et spenn {
  visning: ingen;
}

#menu a:hover {
  kantfarge: #c00;                               /*Kantfarge rød*/
}

#menu a:svevespenn {
      display:blokk;             /*Satt til blokknivå-element*/
  Posisjon: absolutt;                               /*Bruker absolutt posisjonering*/
  høyde: 0;                                        /*Høyde er 0*/
  bredde:0;                                        /*0*Bredde er 0*/
  Kant: Solid 8px #fff;                      /*Sett standard rammestil*/
  topp: 4px;                                     /*Vertikal posisjonering*/
  Overflow: skjult;
  }

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

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

</style>

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

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

Admin · Publisert på 03.12.2014 23:17:49

Tydeligvis hintet du ikke til meg Publisert 2014-12-3 22:38
Trekanten blokkerer innholdet, hvordan justere avstanden, så snart jeg justerer avstanden, blir det en absolutt posisjoneringsjustering

Jeg vet ikke hva trekanten din handler 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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box a{border: 1px solid #666; }
#box{width:250px; høyde: 200 px; margin-høyre:auto; margin-venstre:auto; text-align:center; Kant: solid 1px #999999; }
#box a, #box a:besøkt {tekst-dekorasjon: ingen; farge: #333; display:blokk; }
#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="#"><span class="z"></span> dette er den andre <span class="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den tredje <span-klassen="y"></span></a>
<a href="#"><span-klasse="z"></span> dette er den fjerde <span-klassen="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den femte <span-klassen="y"></span></a>
<a href="#"><span-klasse="z"></span> dette er den sjette <span-klassen="y"></span></a>
</div>

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

Jeg vet at du ikke har hintet om meg · Publisert på 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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box a{border: 1px solid #666; }
#box{width:200px; høyde: 200 px; margin-høyre:auto; margin-venstre:auto; text-align:center; Kant: solid 1px #999999; }
#box a, #box a:besøkt {tekst-dekorasjon: ingen; farge: #333; display:blokk; }
#box a:hover span{ posisjon:absolutt; bredde:0; høyde: 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="#"><span class="z"></span> dette er den andre <span class="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den tredje <span-klassen="y"></span></a>
<a href="#"><span-klasse="z"></span> dette er den fjerde <span-klassen="y"></span></a>
<a href="#"><spanklasse="z"></span> dette er den femte <span-klassen="y"></span></a>
<a href="#"><span-klasse="z"></span> dette er den sjette <span-klassen="y"></span></a>
</div>

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

Jeg vet at du ikke har hintet om meg · Publisert på 03.12.2014 21:40:28

Admin · Publisert på 03.12.2014 22:12:27

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

[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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box{width:200px; høyde: 200 px; margin-høyre:auto; margin-venstre:auto; text-align:center; }
#box a, #box a:besøkt {tekst-dekorasjon: ingen; farge: #333; display:blokk; }
#box a:hover {farge: #F00; }
#box a:hover span{ posisjon:absolutt; bredde:0; høyde: 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 vet at du ikke har hintet om meg · Publisert på 03.12.2014 22:15:06

Admin postet 3.12.2014 22:12
Set:display:block; Fjern det, og problemet er løst!
Korrekt kode:

Formidabelt!

Veps · Publisert på 03.12.2014 22:16:26

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

Så den andre trekanten vil automatisk omslutte linjen

Jeg vet at du ikke har hintet om meg · Publisert på 03.12.2014 22:17:56

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

Så den andre trekanten vil automatisk omslutte linjen

Hver av dem er en mektig person, og hvis det oppstår problemer i fremtiden, vil det bli lagt ut her. Takk til alle for hjelpen

Jeg vet at du ikke har hintet om meg · Publisert på 03.12.2014 22:18:04

Tusen takk

Jeg vet at du ikke har hintet om meg · Publisert på 03.12.2014 22:36:11

Spørsmålet dukker opp igjen. [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>Unavngitte dokumenter</title>
<style type="text/css">
*{padding:0px; margin: 0 px; }
#box{width:200px; høyde: 200 px; margin-høyre:auto; margin-venstre:auto; text-align:center; }
#box a, #box a:besøkt {tekst-dekorasjon: ingen; farge: #333; display:blokk; }
#box a:hover {farge: #F00; Kant: solid 2px #FF0000; }
#box a:hover span{ posisjon:absolutt; bredde:0; høyde: 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="#"><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]

Jeg vet at du ikke har hintet om meg · Publisert på 03.12.2014 22:38:34

Trekanten blokkerer innholdet, hvordan justere avstanden, så snart jeg justerer avstanden, blir det en absolutt posisjoneringsjustering

Delver_Si · Publisert på 03.12.2014 22:53:13

Tydeligvis hintet du ikke til meg Publisert 2014-12-3 22:38
Trekanten blokkerer innholdet, hvordan justere avstanden, så snart jeg justerer avstanden, blir det en absolutt posisjoneringsjustering

vil ikke hjelpe

[CSS/DIV] Nybegynnere ber om hjelp og ber om to trekanter i samme rette linje. Finn feil sted. (Bla ut)

Seksjoner sett