Probleme mit div

[liebewinter]

Hallo, ich habe probleme um div richtig zu stellen...

Mein Html code,

<div class="container">

  
    <div class="kaufen">

      <form class="form-basket" method="post"  enctype="multipart/form-data">
             <fieldset class="addtobasket-container">    
      
                <span class="tittle-kaufen">Rucksack aus Hanf Gelbe mit Zwei Riemen</span>
 
                <span class="preis"> Preis 40 &euro; </span>

                <span class="piece">Stück</span>
  
               <div class="quantity">

                               
                          <input type="button" value="+" class="plus">
                           <input type="number" step="1" max="99" min="1" value="1" title="Qty" class="qty" size="4">
                          <input type="button" value="-" class="minus">
               </div>
               <div class="button_wrap"  >
                     <button class="button_wrap_buttom" type="buttom"  onclick='layer_show_3(event);' ><span>Zum warenkorb hinzufügen</span></button>
               </div> 
            </fieldset> 
         </form>      
                           <!-- En el momento que se pulse sobre la capa transparente se cerrara -->
                       <div id="layerPreview-3" > </div>
                       <div id='layerPreviewContent-3'>
	                       <!-- Mostramos el texto de cerrar para poder cerrar la ventana -->
	                      <div id="tittel-text">Erfogreich zum Warenkorb hinzugefügt<span id="closse-text"  onclick="layer_close_3(event);">Schließen</span></div>
	                      <div id="text-pruduct">
                              <div class="float_text">
                                <p>Anzahl der Artikel im Waremkorb: </p>
                                <p>Wert des Warenkorbs: </p>
                                 
                                  
                               </div>
                               <div  id="bild-text">
                                     
                                   <img class="image-window" alt=""  src="/Rucksäcke/fenster/photo/113.jpg" > 
                                   
                                  <p>Rucksack aus Hanf Gelbe</p> 
                                  <p>Stückzahl: <b>1</b></p>
                                  <p>Bruttopreis: <b>40 &euro; </b></p>
                                  
                                    <div class="ajax-product-block"> 
                                      <a class="button_weiter_einkaufen" href="lalo.php">weiter kaufen</a> 
                                      <a class="button_zum_warenkorbs" href="lalo.php">zum warenkorbs</a> 
                                    </div>
                                     
                                   
                               </div>
                               
                           </div> 
                           
                         </div>    

   </div>

</div>

Mein Probleme, wenn klickt der Button Zum warenkorb hinzufügen wir eine fenster öffnet,

ich versuche seit mehrere Stünden der class button_weiter_einkaufen der das Word weiter kaufen gehört nach unten dem Bild bringe, und der class button_zum_warenkorbs der das word zum warenkorbs nach Recht.

aber ohne erfolgt...ich verstehe nicht warum kann nicht mehr der class button_weiter_einkaufen nach Links bewege...

Hier das ganze code

Kann Bitte jemand hilfe um diese probleme zu losen ?

[Raketenhtmlbeschauer]

Kann Bitte jemand hilfe um diese probleme zu losen ?

Ja. Und zwar Du selbst. Aus Deinem Quelltext kannst auch Du herauslesen, warum die beiden „Buttons“ (Es sind Links) dort sind, wo sie sind.

[Rolf B]

Hallo liebewinter,

ich sag nur padding-left, float:left, padding-right, float:right.

Das geht auch einfacher, z.B. mit display:flex oder einfach mit inline-block Elementen, ohne float. Und dann behält man auch den Überblick.

Rolf

[liebewinter]

danke für deinen antwortet, aber jetzt bin mit dem probleme von Gestern die Raketenhtmlbeschauer gesagt hat, jetzt versuche mit diesem Methode..aber Morgen versuche deinen Empfehlungen folgen...

[liebewinter]

ich versuche ein div nach Recht mit float zu bringen, ich schaffe der halfte, aber ich weiß nicht warum nicht mehr nach recht geht..

Der html Code,

<div class="container">

  
  
  <div class="card">
    
    <div class="card-body">
      <p class="card-title">Rucksack aus Hanf Gelbe mit Zwei Riemen</p>
      <p class="card-preis">Preis 40 &euro;</p>
      <div class="number-input ">
        <div class="label">Stück: </div>
        <div class="input-group quantity">
          <div class="input-group-prepend">
            <button class="btn btn-default btn-minus">
              <i class="fa fa-minus"></i>
            </button> 
          </div>
          <input class="form-control quantity" min="0" name="quantity" value="1" type="number">
          <div class="input-group-append">
            <button class="btn btn-default btn-plus">
              <i class="fa fa-plus"></i>
            </button>
          </div>
        </div>
      </div>
      <button class="btn btn-primary btn-block mt-4" type="buttom"  onclick='layer_show_3(event);' ><span>Zum warenkorb hinzufügen</span></button>
    </div>
     
    
  </div>
  
                           <!-- En el momento que se pulse sobre la capa transparente se cerrara -->
                       <div id="layerPreview-3" > </div>
                       <div id='layerPreviewContent-3'>
	                       <!-- Mostramos el texto de cerrar para poder cerrar la ventana -->
	                      <div id="tittel-text">Erfogreich zum Warenkorb hinzugefügt<span id="closse-text"  onclick="layer_close_3(event);">Schließen</span></div>
	                      
                             <div class="text-pruduct">
                                <div class="float_text">
                                 <p>Anzahl der Artikel im Waremkorb: </p>
                                 <p>Wert des Warenkorbs: </p>
                                 
                                  
                                 </div>
                                 <div  class="bild-text">
                                     
                                     <img class="image-window" alt=""  src="/Rucksäcke/fenster/photo/113.jpg" /> 
                                   
                                      <p>Rucksack aus Hanf Gelbe</p> 
                                      <p>Stückzahl: <b>1</b></p>
                                      <p>Bruttopreis: <b>40 &euro; </b></p>
                                 </div> 
                                 <div class="ajax-product-block"> 
                                        <a class="button_weiter_einkaufen" href="lalo.php">weiter kaufen</a> 
                                        <a class="button_zum_warenkorbs" href="lalo.php">zum warenkorb</a>
                                 </div>
                                
                            </div> 
                        </div>    
  
                       
</div>

Hier ganze Code

Wenn klick Zum warenkorb hinzufügen wird einen Fenster öffnet.

Meine probleme ist der class float_text,(Gelbe farbe) ich versuche nach rechte bewege aber kann nicht...

Wie habe auf Css der class float_text

.float_text{ background-color: yellow; float: right;  display: block; margin-top: 3%;  } 

mit der class bild-text mache gleiche aber nach linke Seite, und bekomme wir ich möchte... das probleme ist mit .float_text...

[liebewinter]

ich habe geschaff..😀

Mein Probleme war das keine Große (padding) an der Erste div gegeben habe, der Div text-pruduct, wie habe jetzt diser div,

.text-pruduct {background-color: red;   margin: 1px; display: block; padding: 1.7%;}

Das Bild dem ich bekomme...

[Rolf B]

Hallo liebewinter,

dein Problem ist, dass dieses Popup gruselig gemacht ist. Ich könnte eine Stunde lang darüber schreiben was alles falsch ist. Aber ich habe es bei Dir aufgegeben.

Rolf