Algajad küsivad abi ja küsivad kahte kolmnurka samas sirgjoones. Leia vale koht. (Sirvi välja)

Ma tean, et sa pole mulle vihjanud · Postitatud 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>Pealkirjata dokumendid</title>
<style type="text/css">
*{padding:0px; marginaal: 0px; }
#box{width:200px; kõrgus: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:külastas {tekstikaunistus: puudub; värv: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ display:block; positsioon: absoluutne; laius:0; kõrgus: 0; piiri: kindel 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=kast>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

Ma tean, et sa pole mulle vihjanud · Postitatud 03.12.2014 23:20:12

admin Postitatud 2014-12-3 23:17
Ma ei tea, millest su kolmnurk räägib

Kolmnurk on kokku surutud savipiiriga, las ma panen välja meie õpetaja standardkoodi
[mw_shl_code=html,tõene]
<! 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 { /*Sea menüükiht*/
font-perekond:Arial;                               /*font*/
font-size:16px;                               /*Fondi suurus*/
laius: 140px;                               /*laius*/
marginaal: 0 automaatne;                               /*0,5 em-d menüü elementide vahel ja horisontaalselt keskel*/
ääris: kindel 1px #ccc;                      /*Hall õhuke piir*/
}

#menu a, #menu a:visited {
  tekst-dekoratsioon: puudub;                      /*Tekst ei ole allajoonitud*/
  text-align:center;                               /*Tekst on horisontaalselt keskel, joondatud*/
  värv:#c00;                                        /*punane tekst*/
  display:block;                               /*Seadista plokitasemel elemendile*/
  pehmendus: 4px;                                     /*Marginaalid*/
  taustavärv:#fff;                      /*taustavärv*/
  piiri: kindel 1px #fff;                      /*Sama ääris nagu taustavärv, et vältida hüppamist*/
  positsioon: suhteline;                               /*Kasutades suhtelist positsioneerimist*/
  laius: 130px;
  }

#menu a span {
  display:puudub;
}

#menu a:hover {
  äärevärv: #c00;                               /*Äärevärv punane*/
}

#menu a:hover span {
      display:block;             /*Seadista plokitasemel elemendile*/
  positsioon: absoluutne;                               /*Absoluutse positsioneerimise kasutamine*/
  kõrgus: 0;                                        /*Kõrgus on 0*/
  laius:0;                                        /*0*Laius on 0*/
  piiri: kindel 8px #fff;                      /*Sea vaikimisi piiristiil*/
  top:4px;                                     /*Vertikaalne positsioneerimine*/
  ülevoolavus: peidetud;
  }

  #menu a:hover span.left {
  serva-vasak-värv:#c00;
  vasakul:8px;
  }

  #menu a:hover span.right {
  ääre-parem-värv:#c00;
  right:8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <span class="left"></span> menüü element 1<span class="right"></span> </a>
   <a href="#">
            <span class="left"></span> menüü punkt 2</a>
   <a href="#">
                        <span class="left"></span> menüüelement 3<span class="right"></span> </a>
   <a href="#">
                     <span class="left"></span> menüüelement 4<span class="right"></span> </a>
   <a href="#">
                        <span class="left"></span> menüü punkt viis</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Postitatud 03.12.2014 23:17:49

Ilmselgelt sa ei vihjanud mulle. Postitatud 2014-12-3 22:38
Kolmnurk blokeerib sisu, kuidas vahet reguleerida, ja niipea kui ma vahet kohandan, muutub see absoluutseks positsioneerimise reguleerimiseks

Ma ei tea, millest su kolmnurk räägib
[mw_shl_code=html,tõene]
<!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>Pealkirjata dokumendid</title>
<style type="text/css">
*{padding:0px; marginaal: 0px; }
#box a{ääris: 1px tahke #666; }
#box{width:250px; kõrgus: 200px; margin-right:auto; margin-left:auto; text-align:center; border:solid 1px #999999; }
#box a, #box a:külastas {tekstikaunistus: puudub; värv: #333; display:block; }
#box a:hover span{ position:relative; piiri: kindel 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=kast>
<a href="#"><span klass="z"></span> see on esimene <span klass="y" ></span></a>
<a href="#"><span klass="z"></span> see on teine <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on kolmas <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on neljas <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on viies <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on kuues <span klass="y"></span></a>
</div>

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

Ma tean, et sa pole mulle vihjanud · Postitatud 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>Pealkirjata dokumendid</title>
<style type="text/css">
*{padding:0px; marginaal: 0px; }
#box a{ääris: 1px tahke #666; }
#box{width:200px; kõrgus: 200px; margin-right:auto; margin-left:auto; text-align:center; border:solid 1px #999999; }
#box a, #box a:külastas {tekstikaunistus: puudub; värv: #333; display:block; }
#box a:hover span{ position:absolute; laius:0; kõrgus: 0; piiri: kindel 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=kast>
<a href="#"><span klass="z"></span> see on esimene <span klass="y" ></span></a>
<a href="#"><span klass="z"></span> see on teine <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on kolmas <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on neljas <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on viies <span klass="y"></span></a>
<a href="#"><span klass="z"></span> see on kuues <span klass="y"></span></a>
</div>

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

Ma tean, et sa pole mulle vihjanud · Postitatud 03.12.2014 21:40:28

Admin · Postitatud 03.12.2014 22:12:27

Put:display:block; Eemalda ja probleem on lahendatud!
Õige kood:

[mw_shl_code=html,tõene] <!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>Pealkirjata dokumendid</title>
<style type="text/css">
*{padding:0px; marginaal: 0px; }
#box{width:200px; kõrgus: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:külastas {tekstikaunistus: puudub; värv: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ position:absolute; laius:0; kõrgus: 0; piiri: kindel 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=kast>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

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

Ma tean, et sa pole mulle vihjanud · Postitatud 03.12.2014 22:15:06

admin postitatud 2014-12-3 22:12
Put:display:block; Eemalda ja probleem on lahendatud!
Õige kood:

Tore!

Herilased · Postitatud 03.12.2014 22:16:26

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

Seega teine kolmnurk mähib joone automaatselt

Ma tean, et sa pole mulle vihjanud · Postitatud 03.12.2014 22:17:56

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

Seega teine kolmnurk mähib joone automaatselt

Igaüks neist on mõjukas inimene ja kui tulevikus tekib probleem, postitatakse see siia. Aitäh kõigile abi eest

Ma tean, et sa pole mulle vihjanud · Postitatud 03.12.2014 22:18:04

Suur aitäh sulle

Ma tean, et sa pole mulle vihjanud · Postitatud 03.12.2014 22:36:11

Küsimus kerkib taas. [mw_shl_code=html,tõene] <!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>Pealkirjata dokumendid</title>
<style type="text/css">
*{padding:0px; marginaal: 0px; }
#box{width:200px; kõrgus: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:külastas {tekstikaunistus: puudub; värv: #333; display:block; }
#box a:hover {color: #F00; ääris: kindel 2px #FF0000; }
#box a:hover span{ position:absolute; laius:0; kõrgus: 0; piiri: kindel 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=kast>
<a href="#"><span klass="z"></span>1<span klass="y"></span></a>
<a href="#"><span klass="z"></span>2<span klass="y"></span></a>
<a href="#"><span class="z"></span>3<span class="y"></span></a>
<a href="#"><span klass="z"></span>4<span klass="y"></span></a>
<a href="#"><span klass="z"></span>5<span klass="y"></span></a>
<a href="#"><span klass="z"></span>6<span klass="y"></span></a>
</div>

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

Ma tean, et sa pole mulle vihjanud · Postitatud 03.12.2014 22:38:34

Kolmnurk blokeerib sisu, kuidas vahet reguleerida, ja niipea kui ma vahet kohandan, muutub see absoluutseks positsioneerimise reguleerimiseks

Delver_Si · Postitatud 03.12.2014 22:53:13

Ilmselgelt sa ei vihjanud mulle. Postitatud 2014-12-3 22:38
Kolmnurk blokeerib sisu, kuidas vahet reguleerida, ja niipea kui ma vahet kohandan, muutub see absoluutseks positsioneerimise reguleerimiseks

ei aita

[CSS/DIV] Algajad küsivad abi ja küsivad kahte kolmnurka samas sirgjoones. Leia vale koht. (Sirvi välja)

Vaadatud sektsioonid