Anton: Elemente floaten

SELF-Forum

Elemente floaten

Anton
– Informationen zu den Bewertungsregeln

Hi,

Element A befindet sich als erstes Element im Markup. Element B befindet sich als zweites Element im Markup. Sowohl Element A als auch Element B sollen nach rechts floaten. Hierbei soll Element B allerdings weiter rechts als Element A stehen. Es is allerdings so, das Element A weiter rechts steht als Element B, da es im Markup weiter oben steht. Wie kann ich erreichen, dass Element B weiter rechts steht als Element A ohne dafür das Markup verändern zu müssen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Elemente floaten

    Peter Pan
    – Informationen zu den Bewertungsregeln

    Hi!

    Element A befindet sich als erstes Element im Markup. Element B befindet sich als zweites Element im Markup. Sowohl Element A als auch Element B sollen nach rechts floaten. Hierbei soll Element B allerdings weiter rechts als Element A stehen. Es is allerdings so, das Element A weiter rechts steht als Element B, da es im Markup weiter oben steht. Wie kann ich erreichen, dass Element B weiter rechts steht als Element A ohne dafür das Markup verändern zu müssen?

    Mit CSS!
    Aber Du solltest mal etwas Code (HTML und CSS) zeigen, sonst bleibt das hier eine sehr unfruchtbare Diskussion.

    off:PP

    --
    "You know that place between sleep and awake, the place where you can still remember dreaming?" (Tinkerbell)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Elemente floaten

      Anton
      – Informationen zu den Bewertungsregeln

      Aber Du solltest mal etwas Code (HTML und CSS) zeigen, sonst bleibt das hier eine sehr unfruchtbare Diskussion.

      Hier der Code (Button Rechts1 und Rechts2 zwei sollen im Layout vertauscht werden ohne das das Markup verändert wird):

        
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">  
  
 <head>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
  <link href="css/main.css" rel="stylesheet" type="text/css"/>  
 </head>  
  
 <body>  
  <ul id="navigation">  
   <li><a href="#">Link1</a></li>  
   <li><a href="#">Links2</a></li>  
   <li class="buttonRechts1"><a href="#">Rechts1</a></li>  
   <li class="buttonRechts2"><a href="#">Rechts2</a></li>  
  </ul>  
  
  <div id="content">  
  </div>  
 </body>  
  
</html>  


        
* {  
 padding: 0px;  
 margin: 0px;  
}  
  
body {  
 width: 880px;  
 margin: 0px auto;  
 background: blue;  
}  
  
#content {  
 height: 400px;  
 clear: both;  
 border: 1px solid black;  
    border-left-color: white;  
 border-top-color: white;  
}  
  
#navigation {  
 float: left;  
 width: 880px;  
 list-style: none;  
 background: red;  
}  
  
#navigation li {  
 float: left;  
}  
  
#navigation a {  
 display: block;  
 width: 86px;  
 height: 35px;  
 line-height: 35px;  
 margin: 0px 2px 0px 0px;  
 text-align: center;  
 text-decoration: none;  
 border: 1px solid black;  
    border-left-color: white;  
 border-top-color: white;  
}  
  
#navigation .buttonRechts1 {  
 float: right;  
}  
  
#navigation .buttonRechts1  a{  
 margin: 0px 0px 0px 0px;  
}  
  
#navigation .buttonRechts2 {  
 float: right;  
}  
  
#navigation a:hover {  
 color: white;  
 background: #a00705;  
}
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Doppelposting

        ChrisB
        – Informationen zu den Bewertungsregeln

        Hi,

        Hier der Code (Button Rechts1 und Rechts2 zwei sollen im Layout vertauscht werden ohne das das Markup verändert wird):

        Also immer noch deine neue Navigation?

        Dann lerne jetzt bitte endlich mal, *keine* Nervensaege zu sein, und bleibe mit einem bereits diskutierten Thema auch in dem Thread, den du dazu eroeffnet hast - Doppelpostings sind unerwuenscht.

        Dass du lernbegierig bist, ist ja schoen und gut - aber bei dir artet es langsam zum Spamming aus.

        MfG ChrisB

        --
        „This is the author's opinion, not necessarily that of Starbucks.“
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Doppelposting

          Anton
          – Informationen zu den Bewertungsregeln

          Jetzt hab ich vor lauter Ärger doch glatt den falschen Thread angeklickt und dir die Antwort hier geschrieben:

          Antwort hier

          Mag ja sein, dass du dich über mein Spamming ärgerst. Mindestens die Hälfte der Threads war allerdings von einem anderen Anton. Nur zur Info.

          In diesem Sinne schönes Wochenende.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln