Anfänger bitten um Hilfe und bitten um zwei Dreiecke in derselben geraden Linie. Finde den falschen Ort. (Durchstöbern)

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 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>Unbetitelte Dokumente</title>
<style type="text/css">
*{padding:0px; Margin:0px; }
#box{width:200px; Größe: 200 px; Rand rechts: Auto; margin-left:auto; text-align:center; }
#box a, #box a:besucht {text-decoration: none; Farbe: #333; anzeigen:blocken; }
#box a:hover {farbe: #F00; }
#box a:hover span{ display:block; Position: absolut; Breite:0; Höhe: 0; Rand: solide 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-farbe:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 23:20:12

admin Veröffentlicht am 3.12.2014, 23:17
Ich weiß nicht, worum es bei deinem Dreieck geht

Das Dreieck ist mit einem Spannrahmen ausgepresst, ich möchte den Standardcode unseres Lehrers herausgeben
[mw_shl_code=html,wahr]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Übergangs//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

         <style>

#menu { /*Set the menu layer*/
font-family:Arial;                               /*Font*/
Schriftgröße:16px;                               /*Schriftgröße*/
Breite: 140 px;                               /*Breite*/
Marge:0 Auto;                               /*0,5em zwischen Menüpunkten und horizontal zentriert*/
Rand: solide 1px #ccc;                      /*Grauer dünner Rand*/
}

#menu a, #menu a:besucht {
  text-decoration: keine;                      /*Text ist nicht unterstrichen*/
  text-align:center;                               /*Text ist horizontal zentriert ausgerichtet*/
  Farbe: #c00;                                        /*roter Text*/
  anzeigen:blocken;                               /*Auf Block-Element gesetzt*/
  Polsterung: 4px;                                     /*Rand*/
  Hintergrundfarbe:#fff;                      /*Hintergrundfarbe*/
  Rand: solide 1px #fff;                      /*Derselbe Rand wie Hintergrundfarbe, um Springen zu verhindern*/
  Position: Verwandt;                               /*Verwendung relativer Positionierung*/
  Breite: 130 px;
  }

#menu eine Spanne {
  Anzeige: keine;
}

#menu a:hover {
  Randfarbe:#c00;                               /*Randfarbe rot*/
}

#menu a:Hover-Spanne {
      anzeigen:blocken;             /*Auf Block-Element gesetzt*/
  Position: absolut;                               /*Verwendung absoluter Positionierung*/
  Höhe: 0;                                        /*Höhe ist 0*/
  Breite:0;                                        /*0*Breite ist 0*/
  Rand: solide 8px #fff;                      /*Setze den Standard-Randstil*/
  Top:4px;                                     /*Vertikale Positionierung*/
  Überlauf: versteckt;
  }

  #menu a:hover span.left {
  Rand-links-Farbe:#c00;
  links: 8 px;
  }

  #menu a:hover span.right {
  Rand-rechts-Farbe:#c00;
  rechts: 8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <span-Klasse="links"></span> Menüpunkt 1<span-Klasse="rechts"></span> </a>
   <a href="#">
            <Klasse span="links"></span> Menüpunkt 2</a>
   <a href="#">
                        <Klasse span="links"></span> Menüpunkt 3<Klasse spanisch="rechts"></span> </a>
   <a href="#">
                     <span-Klasse="links"></span> Menüpunkt 4<span-Klasse="rechts"></span> </a>
   <a href="#">
                        <Klasse spannen="links"></span> Menüpunkt fünf</a> </div>
</body>
</html>
[/mw_shl_code]

Administrator · Veröffentlicht am 03.12.2014 23:17:49

Offensichtlich hast du mir nicht angedeutet Veröffentlicht am 03.12.2014 22:38
Das Dreieck blockiert den Inhalt, wie man den Abstand anpasst, sobald ich den Abstand anpasse, wird es eine absolute Positionsanpassung

Ich weiß nicht, worum es bei deinem Dreieck geht
[mw_shl_code=html,wahr]
<!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>Unbetitelte Dokumente</title>
<style type="text/css">
*{padding:0px; Margin:0px; }
#box a{border: 1px solid #666; }
#box{width:250px; Größe: 200 px; Rand rechts: Auto; margin-left:auto; text-align:center; Rand: solide 1px #999999; }
#box a, #box a:besucht {text-decoration: none; Farbe: #333; anzeigen:blocken; }
#box a:hover span{ position:relativ; Rand: fest 1px #FFFFFF; padding-left:20px}
#box a:hover{ rand:solide 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-farbe:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span> dies ist der erste <span class="y" ></span></a>
<a href="#"><span class="z"></span> dies ist die zweite <span class="y"></span></a>
<a href="#"><span class="z"></span> dies ist die dritte <span class="y"></span></a>
<a href="#"><span-Klasse="z"></span> dies ist die vierte <span-Klasse="y"></span></a>
<a href="#"><span-Klasse="z"></span> dies ist die fünfte <span-Klasse="y"></span></a>
<a href="#"><span-Klasse="z"></span> das ist die sechste <span-Klasse="y"></span></a>
</div>

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

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 23:17:07

[mw_shl_code=html,,wahr] <!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>Unbetitelte Dokumente</title>
<style type="text/css">
*{padding:0px; Margin:0px; }
#box a{border: 1px solid #666; }
#box{width:200px; Größe: 200 px; Rand rechts: Auto; margin-left:auto; text-align:center; Rand: solide 1px #999999; }
#box a, #box a:besucht {text-decoration: none; Farbe: #333; anzeigen:blocken; }
#box a:hover span{ position:absolute; Breite:0; Höhe: 0; Rand: solide 8px #FFFFFF; }
#box a:hover{ rand:solide 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-farbe:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#"><span class="z"></span> dies ist der erste <span class="y" ></span></a>
<a href="#"><span class="z"></span> dies ist die zweite <span class="y"></span></a>
<a href="#"><span class="z"></span> dies ist die dritte <span class="y"></span></a>
<a href="#"><span-Klasse="z"></span> dies ist die vierte <span-Klasse="y"></span></a>
<a href="#"><span-Klasse="z"></span> dies ist die fünfte <span-Klasse="y"></span></a>
<a href="#"><span-Klasse="z"></span> das ist die sechste <span-Klasse="y"></span></a>
</div>

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

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 21:40:28

Administrator · Veröffentlicht am 03.12.2014 22:12:27

Put:display:block; Entferne und das Problem ist gelöst!
Korrekter Code:

[mw_shl_code=html,wahr] <!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>Unbetitelte Dokumente</title>
<style type="text/css">
*{padding:0px; Margin:0px; }
#box{width:200px; Größe: 200 px; Rand rechts: Auto; margin-left:auto; text-align:center; }
#box a, #box a:besucht {text-decoration: none; Farbe: #333; anzeigen:blocken; }
#box a:hover {farbe: #F00; }
#box a:hover span{ position:absolute; Breite:0; Höhe: 0; Rand: solide 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-farbe:#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]

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 22:15:06

Admin veröffentlicht am 03.12.2014 um 22:12 Uhr
Put:display:block; Entferne und das Problem ist gelöst!
Korrekter Code:

Prima!

Wespen · Veröffentlicht am 03.12.2014 22:16:26

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

Das andere Dreieck wickelt die Linie also automatisch um

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 22:17:56

Wasp veröffentlicht am 03.12.2014, 22:16
display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Das andere Dreieck wickelt die Linie also automatisch um

Jeder von ihnen ist eine mächtige Person, und falls es in Zukunft ein Problem gibt, wird es hier veröffentlicht. Vielen Dank euch allen für eure Hilfe

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 22:18:04

Vielen Dank

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 22:36:11

Die Frage stellt sich erneut. [mw_shl_code=html,wahr] <!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>Unbetitelte Dokumente</title>
<style type="text/css">
*{padding:0px; Margin:0px; }
#box{width:200px; Größe: 200 px; Rand rechts: Auto; margin-left:auto; text-align:center; }
#box a, #box a:besucht {text-decoration: none; Farbe: #333; anzeigen:blocken; }
#box a:hover {farbe: #F00; Rand: solide 2px #FF0000; }
#box a:hover span{ position:absolute; Breite:0; Höhe: 0; Rand: solide 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ rand-rechts-farbe:#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]

Ich weiß, dass du mich nicht angedeutet hast · Veröffentlicht am 03.12.2014 22:38:34

Das Dreieck blockiert den Inhalt, wie man den Abstand anpasst, sobald ich den Abstand anpasse, wird es eine absolute Positionsanpassung

Delver_Si · Veröffentlicht am 03.12.2014 22:53:13

Offensichtlich hast du mir nicht angedeutet Veröffentlicht am 03.12.2014 22:38
Das Dreieck blockiert den Inhalt, wie man den Abstand anpasst, sobald ich den Abstand anpasse, wird es eine absolute Positionsanpassung

wird nicht helfen

[CSS/DIV] Anfänger bitten um Hilfe und bitten um zwei Dreiecke in derselben geraden Linie. Finde den falschen Ort. (Durchstöbern)

Betrachtete Abschnitte