Skocz do zawartości

Ustawienie "boxów" w 1 linii. Float left


 Udostępnij

Rekomendowane odpowiedzi

Cześć.

O to kod:


<table border="0" style="width: 25%; height: 250px;" >
<tr>
<td class="trow1"> <iframe src="http://cssetti.pl/widget/v1/19940" style="width: 100%; height: 320px; border: none; padding: 0; margin: 0"></iframe></td> </table>
    <table border="0" style="width: 25%; height: 250px;" >
    
<td class="trow1"> <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/CsUltimatumpl-1706600202960686/?fref=ts" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div> </td>
    </table>
    <table border="0" style="width: 25%; height: 250px;" >
        
        <td class="trow1"> <iframe src="http://boost-master.pl/widget.php?user=Tasman" style=" width: 100%; height: 350px; border: none; padding: 0, margin: 0"></iframe></td>

Niestety pokazuje on mi te "boxy" każdy pod sobą. Stąd pytanie jak zrobić by one były w jednej linii obok siebie?

Odnośnik do komentarza
Udostępnij na innych stronach


<div style="float:left;">
    <table border="0" style="width: 300px; height: 300px;" >
<tr>
<td class="trow1"> <iframe src="http://cssetti.pl/widget/v1/19940" style="width: 300px; height: 300px; border: none; padding: 0; margin: 0"></iframe></td> </table>
    <table border="0" style="width: 300px; height: 300px;" >
    
<td class="trow1"> <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/CsUltimatumpl-1706600202960686/?fref=ts" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div> </td>
    </table>
    <table border="0" style="width: 300px; height: 300px;" >
        
        <td class="trow1"> <iframe src="http://boost-master.pl/widget.php?user=Tasman" style=" width: 300px; height: 300px; border: none; padding: 0, margin: 0"></iframe></td>
        </tr>
        </table></div>

Dałem w divie, ale nic się nie zmieniło.

Nie ważne. Już sobie poradziłem  Dzięki!

Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

  • Podobna zawartość

    • Hey, próbuje sobie ogarnąć szablon w html i mam zrobione 3 divy, jeden od menu w którym jest div od buttona i drugi który ma być po prawej od menu taki główny box, tylko jak zrobić by to było jak jedna całość? Mianowicie gdy powiększam stronę to menu idzie w lewo a box strony idzie w prawo  A chciałbym żeby to była jedność że wszystko się centruje czy coś w tym stylu.
    • Witam, zrobiłem taki box;

      Chciałbym aby te linie w środku były bez koloru tak jak te boczne.
      Kod HTML:
      <div class="a-main"> <div class="a-main-inner"> <h1 class="a-page-hero"> TESTUJEMY </h1> </div> </div> Kod CSS:
       
      .a-main-inner{ background: #fff none repeat scroll 0 0; border-radius: 3px; box-shadow: -1px 0 0 rgba(21, 21, 21, 0.08), 1px 0 0 rgba(21, 21, 21, 0.08), 0 1px 0 rgba(21, 21, 21, 0.15); float: left; position: relative; width: 60%; border-bottom: red; } .a-page-hero { background: #fafafa none repeat scroll 0 0; border-color: #e5e5e5 -moz-use-text-color; border-image: none; border-style: solid none; border-width: 1px 0; color: #666; font-size: 20px; font-weight: normal; margin: 30px 0; padding: 30px; text-align: center; } Dziękuje z góry za pomoc
    • Witam otóż mam problem i nie potrafię go rozwiązać a mianowicie chodzi mi o to zeby ten box
       

       
      był równym wysokością tym boxom 
       

       
      Oto link do tego szablonu http://slayers.pl/radio/ . Proszę o pomoc.
    • Nazwa: coolBox
      Autor: Nydylier
      Tematyka: WebDesign, Framework (jakby się ktoś nie domyślił)
      Screen/Live Demo: http://nydylier.pl/coolbox
      Download: 

      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
  • Najnowsze tematy

  • Ostatnio rozwiązane

×