I novizi chiedono aiuto e chiedono due triangoli sulla stessa linea retta. Trova il posto sbagliato. (Sfoglia fuori)

So che non hai accennato a me · Pubblicato su 03/12/2014 21:38:51

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitorio//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>Documenti senza titolo</title>
<style type="testo/css">
*{padding:0px; margine:0px; }
#box{width:200px; Altezza: 200px; margine-destra:auto; margine-sinistra:auto; testo-allineamento:centro; }
#box a, #box a:visitato {text-decoration: none; colore: #333; display:block; }
#box a:hover {colore: #F00; }
#box a:hover span{ display:block; posizione: assoluta; larghezza:0; altezza:0; bordo: solido 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ bordo-destro-colore:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

So che non hai accennato a me · Pubblicato su 03/12/2014 23:20:12

admin Pubblicato il 3-12-2014 alle 23:17
Non so di cosa si tratti il tuo triangolo

Il triangolo è schiacciato con un bordo di campata, lascia che ti metta il codice standard del nostro insegnante
[mw_shl_code=html,true]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitorio//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

         <style>

#menu { /*Imposta il livello del menu*/
famiglia di font: Arial;                               /*font*/
dimensione del carattere:16px;                               /*Dimensione del carattere*/
larghezza: 140px;                               /*Larghezza*/
margine:0 auto;                               /*0,5em tra i piatti del menu e centrati orizzontalmente*/
bordo: solido 1px #ccc;                      /*Bordo Grigio Sottile*/
}

#menu a, #menu a:visited {
  Decorazione di testo: nessuno;                      /*Il testo non è sottolineato*/
  testo-allineamento:centro;                               /*Il testo è allineato orizzontalmente al centro*/
  colore:#c00;                                        /*testo rosso*/
  display:block;                               /*Impostato a elemento a livello di blocco*/
  imbottitura: 4px;                                     /*Margini*/
  colore di sfondo: #fff;                      /*colore di sfondo*/
  bordo: solido 1px #fff;                      /*Stesso bordo del colore di sfondo per evitare salti di salto*/
  posizione: relativo;                               /*Uso del posizionamento relativo*/
  larghezza: 130px;
  }

#menu una campata {
  visualizzazione: nessuno;
}

#menu a:hover {
  colore del bordo: #c00;                               /*Colore del bordo rosso*/
}

#menu a:hover span {
      display:block;             /*Impostato a elemento a livello di blocco*/
  posizione: assoluta;                               /*Uso del posizionamento assoluto*/
  altezza:0;                                        /*Altezza 0*/
  larghezza:0;                                        /*0*Larghezza 0*/
  bordo: solido 8px #fff;                      /*Imposta lo stile predefinito dei bordi*/
  in cima: 4px;                                     /*Posizionamento verticale*/
  Sovraplesso: nascosto;
  }

  #menu a:hover span.left {
  bordo-colore sinistro:#c00;
  sinistra: 8px;
  }

  #menu a:hover span.right {
  colore al bordo-destra:#c00;
  destra:8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <span class="left"></span> elemento del menu 1<span class="right"></span> </a>
   <a href="#">
            <span class="left"></span> elemento del menu 2</a>
   <a href="#">
                        <span class="left"></span> elemento di menu 3<span class="right"></span> </a>
   <a href="#">
                     <span class="left"></span> elemento di menu 4<span class="right"></span> </a>
   <a href="#">
                        <span class="left"></span> elemento del menu cinque</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Pubblicato su 03/12/2014 23:17:49

Chiaramente non mi hai fatto un indizio Pubblicato il 3-12-2014 alle 22:38
Il triangolo blocca il contenuto, come regolare la spaziatura, appena la aggiulo, diventa una vera regolazione di posizionamento

Non so di cosa si tratti il tuo triangolo
[mw_shl_code=html,true]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitorio//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>Documenti senza titolo</title>
<style type="testo/css">
*{padding:0px; margine:0px; }
#box a{border: 1px solido #666; }
#box{larghezza:250px; Altezza: 200px; margine-destra:auto; margine-sinistra:auto; testo-allineamento:centro; bordo:solido 1px #999999; }
#box a, #box a:visitato {text-decoration: none; colore: #333; display:block; }
#box a:hover span{ position:relative; bordo: solido 1px #FFFFFF; riempitivo-sinistra:20px}
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ bordo-destro-colore:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span> questa è la prima <span class="y" ></span></a>
<a href="#"><span class="z"></span> questa è la seconda <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la terza <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la quarta <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la quinta <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la sesta <span class="y"></span></a>
</div>

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

So che non hai accennato a me · Pubblicato su 03/12/2014 23:17:07

[mw_shl_code=html,,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitorio//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>Documenti senza titolo</title>
<style type="testo/css">
*{padding:0px; margine:0px; }
#box a{border: 1px solido #666; }
#box{width:200px; Altezza: 200px; margine-destra:auto; margine-sinistra:auto; testo-allineamento:centro; bordo:solido 1px #999999; }
#box a, #box a:visitato {text-decoration: none; colore: #333; display:block; }
#box a:hover span{ posizione:assoluta; larghezza:0; altezza:0; bordo: solido 8px #FFFFFF; }
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ bordo-destro-colore:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span> questa è la prima <span class="y" ></span></a>
<a href="#"><span class="z"></span> questa è la seconda <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la terza <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la quarta <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la quinta <span class="y"></span></a>
<a href="#"><span class="z"></span> questa è la sesta <span class="y"></span></a>
</div>

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

So che non hai accennato a me · Pubblicato su 03/12/2014 21:40:28

Admin · Pubblicato su 03/12/2014 22:12:27

Put:display:blocco; Rimuovi e il problema è risolto!
Codice corretto:

[mw_shl_code=html,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitorio//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>Documenti senza titolo</title>
<style type="testo/css">
*{padding:0px; margine:0px; }
#box{width:200px; Altezza: 200px; margine-destra:auto; margine-sinistra:auto; testo-allineamento:centro; }
#box a, #box a:visitato {text-decoration: none; colore: #333; display:block; }
#box a:hover {colore: #F00; }
#box a:hover span{ posizione:assoluta; larghezza:0; altezza:0; bordo: solido 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ bordo-destro-colore:#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]

So che non hai accennato a me · Pubblicato su 03/12/2014 22:15:06

admin pubblicato il 3-12-2014 alle 22:12
Put:display:blocco; Rimuovi e il problema è risolto!
Codice corretto:

Fantastico!

vespe · Pubblicato su 03/12/2014 22:16:26

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

Quindi l'altro triangolo avvolgerà automaticamente la linea

So che non hai accennato a me · Pubblicato su 03/12/2014 22:17:56

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

Quindi l'altro triangolo avvolgerà automaticamente la linea

Ognuno di loro è una persona potente e, se in futuro dovesse sorgere un problema, verrà riportato qui. Grazie a tutti per il vostro aiuto

So che non hai accennato a me · Pubblicato su 03/12/2014 22:18:04

Mille Grazie

So che non hai accennato a me · Pubblicato su 03/12/2014 22:36:11

La domanda si ripresenta. [mw_shl_code=html,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitorio//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>Documenti senza titolo</title>
<style type="testo/css">
*{padding:0px; margine:0px; }
#box{width:200px; Altezza: 200px; margine-destra:auto; margine-sinistra:auto; testo-allineamento:centro; }
#box a, #box a:visitato {text-decoration: none; colore: #333; display:block; }
#box a:hover {colore: #F00; bordo: solido 2px #FF0000; }
#box a:hover span{ posizione:assoluta; larghezza:0; altezza:0; bordo: solido 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ bordo-destro-colore:#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]

So che non hai accennato a me · Pubblicato su 03/12/2014 22:38:34

Il triangolo blocca il contenuto, come regolare la spaziatura, appena la aggiulo, diventa una vera regolazione di posizionamento

Delver_Si · Pubblicato su 03/12/2014 22:53:13

Chiaramente non mi hai fatto un indizio Pubblicato il 3-12-2014 alle 22:38
Il triangolo blocca il contenuto, come regolare la spaziatura, appena la aggiulo, diventa una vera regolazione di posizionamento

Non aiuterà

[CSS/DIV] I novizi chiedono aiuto e chiedono due triangoli sulla stessa linea retta. Trova il posto sbagliato. (Sfoglia fuori)

Sezioni visualizzate