Aloittelijat pyytävät apua ja kahta kolmiota samassa suorassa linjassa. Etsi väärä paikka. (Selaa ulos)

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.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>Nimettömät asiakirjat</title>
<style type="text/css">
*{padding:0px; marginaali: 0px; }
#box{width:200px; korkeus: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:vieraili {text-decoration: none; Väri: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ display:block; asema: absoluuttinen; leveys:0; pituus:0; raja: kiinteä 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>

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.12.2014 23.20.12

admin Julkaistu 2014-12-3 23:17
En tiedä, mistä kolmiosi on kyse

Kolmio on puristettu ulos jännevälirajalla, annan opettajamme vakiokoodin
[mw_shl_code=html,totta]
<! DOCTYPE html JULKINEN "-//W3C//DTD XHTML 1.0 Siirtymä//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

         <style>

#menu { /*Aseta valikkokerros*/
fonttiperhe: Arial;                               /*fontti*/
font-size:16px;                               /*Fontin koko*/
leveys: 140px;                               /*leveys*/
marginaali: 0 automaatti;                               /*0,5 km valikon välissä ja vaakasuunnassa keskitettynä*/
raja: vankka 1px #ccc;                      /*Harmaa ohut raja*/
}

#menu a, #menu a:vieraili {
  tekstikoriste: ei yhtään;                      /*Tekstiä ei ole alleviivattu*/
  text-align:center;                               /*Teksti on vaakasuunnassa keskitetty linjassa*/
  väri:#c00;                                        /*punainen teksti*/
  display:block;                               /*Asetettu lohkotason elementiksi*/
  pehmustet: 4px;                                     /*Marginaalit*/
  taustaväri:#fff;                      /*taustaväri*/
  raja: kiinteä 1px #fff;                      /*Sama reunus kuin taustaväri hyppäämisen estämiseksi*/
  sijainti: suhteellinen;                               /*Suhteellisen sijoittelun käyttö*/
  leveys: 130px;
  }

#menu a span {
  display:none;
}

#menu a:hover {
  reunaväri:#c00;                               /*Reunuksen väri punainen*/
}

#menu a:hover span {
      display:block;             /*Asetettu lohkotason elementiksi*/
  asema: absoluuttinen;                               /*Absoluuttisen asemoinnin käyttö*/
  pituus:0;                                        /*Korkeus on 0*/
  leveys:0;                                        /*0*Leveys on 0*/
  raja: kiinteä 8px #fff;                      /*Aseta oletusreunustyyli*/
  top:4px;                                     /*Pystysuuntainen asemointi*/
  ylivuoto: piilotettu;
  }

  #menu a:hover span.left {
  reuna-vasen-väri:#c00;
  vasemmalla:8px;
  }

  #menu a:hover span.right {
  reuna-oikea-väri:#c00;
  right:8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <span class="left"></span> valikkokohde 1<span class="right"></span> </a>
   <a href="#">
            <span class="left"></span> valikkokohta 2</a>
   <a href="#">
                        <span class="left"></span> valikkokohde 3<span class="right"></span> </a>
   <a href="#">
                     <span class="left"></span> valikkokohde 4<span class="right"></span> </a>
   <a href="#">
                        <span class="left"></span> valikon kohta viisi</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Julkaistu 3.12.2014 23.17.49

Selvästi et vihjannut minulle Julkaistu 2014-12-3 22:38
Kolmio estää sisällön, miten säätää etäisyyttä, ja heti kun säädän etäisyyttä, siitä tulee ehdoton asennonsäätö

En tiedä, mistä kolmiosi on kyse
[mw_shl_code=html,totta]
<!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>Nimettömät asiakirjat</title>
<style type="text/css">
*{padding:0px; marginaali: 0px; }
#box a{reuna: 1px kiinteä #666; }
#box{width:250px; korkeus: 200px; margin-right:auto; margin-left:auto; text-align:center; reuna:solid 1px #999999; }
#box a, #box a:vieraili {text-decoration: none; Väri: #333; display:block; }
#box a:hover span{ position:relative; raja: kiinteä 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> tämä on ensimmäinen <span class="y" ></span></a>
<a href="#"><span luokka="z"></span> tämä on toinen <span-luokka="y"></span></a>
<a href="#"><span class="z"></span> tämä on kolmas <span-luokka="y"></span></a>
<a href="#"><span-luokka="z"></span> tämä on neljäs <span-luokka="y"></span></a>
<a href="#"><span luokka="z"></span> tämä on viides <span-luokka="y"></span></a>
<a href="#"><span luokka="z"></span> tämä on kuudes <span-luokka="y"></span></a>
</div>

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

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.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>Nimettömät asiakirjat</title>
<style type="text/css">
*{padding:0px; marginaali: 0px; }
#box a{reuna: 1px kiinteä #666; }
#box{width:200px; korkeus: 200px; margin-right:auto; margin-left:auto; text-align:center; reuna:solid 1px #999999; }
#box a, #box a:vieraili {text-decoration: none; Väri: #333; display:block; }
#box a:hover span{ position:absolute; leveys:0; pituus:0; raja: kiinteä 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> tämä on ensimmäinen <span class="y" ></span></a>
<a href="#"><span luokka="z"></span> tämä on toinen <span-luokka="y"></span></a>
<a href="#"><span class="z"></span> tämä on kolmas <span-luokka="y"></span></a>
<a href="#"><span-luokka="z"></span> tämä on neljäs <span-luokka="y"></span></a>
<a href="#"><span luokka="z"></span> tämä on viides <span-luokka="y"></span></a>
<a href="#"><span luokka="z"></span> tämä on kuudes <span-luokka="y"></span></a>
</div>

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

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.12.2014 21.40.28

Admin · Julkaistu 3.12.2014 22.12.27

put:display:block; Poista ja ongelma ratkeaa!
Oikea koodi:

[mw_shl_code=html,totta] <!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>Nimettömät asiakirjat</title>
<style type="text/css">
*{padding:0px; marginaali: 0px; }
#box{width:200px; korkeus: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:vieraili {text-decoration: none; Väri: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ position:absolute; leveys:0; pituus:0; raja: kiinteä 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]

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.12.2014 22.15.06

admin julkaistu 2014-12-3 22:12
put:display:block; Poista ja ongelma ratkeaa!
Oikea koodi:

Mahtavaa!

ampiaiset · Julkaistu 3.12.2014 22.16.26

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

Joten toinen kolmio kiertää viivan automaattisesti

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.12.2014 22.17.56

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

Joten toinen kolmio kiertää viivan automaattisesti

Jokainen heistä on vaikutusvaltainen henkilö, ja jos tulevaisuudessa ilmenee ongelmia, se julkaistaan täällä. Kiitos kaikille avustanne

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.12.2014 22.18.04

Kiitoksia paljon

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.12.2014 22.36.11

Kysymys nousee jälleen esiin. [mw_shl_code=html,totta] <!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>Nimettömät asiakirjat</title>
<style type="text/css">
*{padding:0px; marginaali: 0px; }
#box{width:200px; korkeus: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:vieraili {text-decoration: none; Väri: #333; display:block; }
#box a:hover {color: #F00; reunus: kiinteä 2px #FF0000; }
#box a:hover span{ position:absolute; leveys:0; pituus:0; raja: kiinteä 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]

Tiedän, ettet ole vihjannut minusta · Julkaistu 3.12.2014 22.38.34

Kolmio estää sisällön, miten säätää etäisyyttä, ja heti kun säädän etäisyyttä, siitä tulee ehdoton asennonsäätö

Delver_Si · Julkaistu 3.12.2014 22.53.13

Selvästi et vihjannut minulle Julkaistu 2014-12-3 22:38
Kolmio estää sisällön, miten säätää etäisyyttä, ja heti kun säädän etäisyyttä, siitä tulee ehdoton asennonsäätö

Ei auta

[CSS/DIV] Aloittelijat pyytävät apua ja kahta kolmiota samassa suorassa linjassa. Etsi väärä paikka. (Selaa ulos)

Katsotut osuudet