A kezdők segítséget kérnek, és két háromszöget kérnek ugyanabban az egyenes vonalban. Keresd a rossz helyet. (Böngészés)

Tudom, hogy nem utaltál rám · Közzétéve 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>Cím nélküli dokumentumok</title>
<style type="text/css">
*{padding:0px; marsó:0px; }
#box{width:200px; magasság: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:meglátogatták {text-decoration: ninc; szín: #333; display:block; }
#box a:hover {szín: #F00; }
#box a:hover span{ display:block; pozíció: abszolút; szélesség: 0; magasság:0; border:stabil 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=box>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 23:20:12

admin Közzétéve: 2014-12-3 23:17
Nem tudom, miről szól a háromszöged

A háromszöget egy határkerettel szorítják ki, hadd írjam ki a tanárunk szabványos kódját
[mw_shl_code=html,igaz]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Átmeneti//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

         <style>

#menu { /*Állítsd be a menüréteget*/
betűcsalád: Arial;                               /*font*/
betűméret: 16px;                               /*Betűméret*/
szélesség: 140px;                               /*szélesség*/
Margin:0 automata;                               /*0,5 em-t a menüelemek között és vízszintesen középre helyezve*/
border:solid 1px #ccc;                      /*Szürke vékony határ*/
}

#menu a, #menu a:visited {
  szöveg-díszítés: nincs;                      /*A szöveg nincs aláhúzva*/
  text-align:center;                               /*A szöveg vízszintesen középre van állítva*/
  szín: #c00;                                        /*piros szöveg*/
  display:block;                               /*Blokk szintű elemre állítva*/
  tömnázás: 4px;                                     /*Margók*/
  háttérszín: #fff;                      /*háttérszín*/
  border:solid 1px #fff;                      /*Ugyanaz a keret, mint a háttérszín, hogy elkerülje az ugrást*/
  pozíció: relatív pozíció;                               /*Relatív pozicionálás alkalmazása*/
  szélesség: 130px;
  }

#menu egy átrep {
  display:nincs;
}

#menu a:hover {
  border-color:#c00;                               /*Vörös szegélyszín*/
}

#menu a:hover span {
      display:block;             /*Blokk szintű elemre állítva*/
  pozíció: abszolút;                               /*Abszolút pozicionálás alkalmazása*/
  magasság:0;                                        /*Magasság 0*/
  szélesség: 0;                                        /*0*Szélesség 0*/
  border:stabil 8px #fff;                      /*Állíts be alapértelmezett szegélystílust*/
  top:4px;                                     /*Függőleges pozícionálás*/
  túlcsordul: rejtve;
  }

  #menu a:hover span.left {
  szél-bal színű:#c00;
  bal: 8px;
  }

  #menu a:hover span.right {
  szél-jobb-szín:#c00;
  jobb:8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <span class="bal"></span> menüpont 1<span class="jobb"></span> </a>
   <a href="#">
            <span class="left"></span> menüpont 2</a>
   <a href="#">
                        <span class="bal"></span> menüpont 3<span class="jobb"></span> </a>
   <a href="#">
                     <span class="left"></span> menüpont 4<span class="jobb"></span> </a>
   <a href="#">
                        <span class="left"></span> menü ötödik pontja</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Közzétéve 2014. 12. 03. 23:17:49

Nyilvánvalóan nem utaltál rám Közzétéve: 2014-12-3 22:38
A háromszög blokkolja a tartalmat, hogyan kell állítani a távolságot, amint beállítom a távolságot, abszolút pozicionálási beállítássá válik

Nem tudom, miről szól a háromszöged
[mw_shl_code=html,igaz]
<!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>Cím nélküli dokumentumok</title>
<style type="text/css">
*{padding:0px; marsó:0px; }
#box a{szegély: 1px szilárd #666; }
#box{width:250px; magasság: 200px; margin-right:auto; margin-left:auto; text-align:center; border:solid 1px #999999; }
#box a, #box a:meglátogatták {text-decoration: ninc; szín: #333; display:block; }
#box a:hover span{ position:relative; border:szilárd 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=box>
<a href="#"><span class="z"></span> ez az első <span class="y" ></span></a>
<a href="#"><span class="z"></span> ez a második <span class="y"></span></a>
<a href="#"><span class="z"></span> ez a harmadik <span class="y"></span></a>
<a href="#"><span class="z"></span> ez a negyedik <span class="y"></span></a>
<a href="#"><span class="z"></span> ez az ötödik <span class="y"></span></a>
<a href="#"><span class="z"></span> ez a hatodik <span class="y"></span></a>
</div>

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

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 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>Cím nélküli dokumentumok</title>
<style type="text/css">
*{padding:0px; marsó:0px; }
#box a{szegély: 1px szilárd #666; }
#box{width:200px; magasság: 200px; margin-right:auto; margin-left:auto; text-align:center; border:solid 1px #999999; }
#box a, #box a:meglátogatták {text-decoration: ninc; szín: #333; display:block; }
#box a:hover span{ position:absolute; szélesség: 0; magasság:0; border:stabil 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=box>
<a href="#"><span class="z"></span> ez az első <span class="y" ></span></a>
<a href="#"><span class="z"></span> ez a második <span class="y"></span></a>
<a href="#"><span class="z"></span> ez a harmadik <span class="y"></span></a>
<a href="#"><span class="z"></span> ez a negyedik <span class="y"></span></a>
<a href="#"><span class="z"></span> ez az ötödik <span class="y"></span></a>
<a href="#"><span class="z"></span> ez a hatodik <span class="y"></span></a>
</div>

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

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 21:40:28

Admin · Közzétéve 2014. 12. 03. 22:12:27

put:display:block; Távolítsd el, és a probléma megoldódik!
Helyes kód:

[mw_shl_code=html,igaz] <!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>Cím nélküli dokumentumok</title>
<style type="text/css">
*{padding:0px; marsó:0px; }
#box{width:200px; magasság: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:meglátogatták {text-decoration: ninc; szín: #333; display:block; }
#box a:hover {szín: #F00; }
#box a:hover span{ position:absolute; szélesség: 0; magasság:0; border:stabil 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=box>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

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

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 22:15:06

Admin közzétéve: 2014-12-3 22:12
put:display:block; Távolítsd el, és a probléma megoldódik!
Helyes kód:

Nagyszerű!

Darazsak · Közzétéve 2014. 12. 03. 22:16:26

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

Így a másik háromszög automatikusan betekeri a vonalat

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 22:17:56

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

Így a másik háromszög automatikusan betekeri a vonalat

Mindegyikük hatalmas személy, és ha a jövőben probléma adódik, azt itt fogjuk közzétenni. Köszönöm mindenkinek a segítségeteket

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 22:18:04

Nagyon köszönöm

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 22:36:11

Ismét felmerül a kérdés. [mw_shl_code=html,igaz] <!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>Cím nélküli dokumentumok</title>
<style type="text/css">
*{padding:0px; marsó:0px; }
#box{width:200px; magasság: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:meglátogatták {text-decoration: ninc; szín: #333; display:block; }
#box a:hover {szín: #F00; Szegély: szilárd 2px #FF0000; }
#box a:hover span{ position:absolute; szélesség: 0; magasság:0; border:stabil 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=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]

Tudom, hogy nem utaltál rám · Közzétéve 2014. 12. 03. 22:38:34

A háromszög blokkolja a tartalmat, hogyan kell állítani a távolságot, amint beállítom a távolságot, abszolút pozicionálási beállítássá válik

Delver_Si · Közzétéve 2014. 12. 03. 22:53:13

Nyilvánvalóan nem utaltál rám Közzétéve: 2014-12-3 22:38
A háromszög blokkolja a tartalmat, hogyan kell állítani a távolságot, amint beállítom a távolságot, abszolút pozicionálási beállítássá válik

Nem segítek

[CSS/DIV] A kezdők segítséget kérnek, és két háromszöget kérnek ugyanabban az egyenes vonalban. Keresd a rossz helyet. (Böngészés)

Megtekintett szakaszok