Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]dwa div koło siebie - jak?
Forum PHP.pl > Forum > Przedszkole
kidler
Witam. Ma taki kodzik:
  1. <div style="background-image: url('tabelka-statystyki_02.gif'); width: 300px; border: 0px solid black; padding: 25px; background-repeat: no-repeat;"></div>
  2. <div style="background-image: url('tabelka-statystyki_02.gif'); width: 300px; border: 0px solid black; padding: 25px; background-repeat: no-repeat;"></div>

Jak zrobić żeby te dwa divy wyświetlały się koło siebie?
nevt
  1. <div style="float: left; background-image: url('tabelka-statystyki_02.gif'); width: 300px; border: 0px solid black; padding: 25px; background-repeat: no-repeat;"></div>
  2. <div style="background-image: url('tabelka-statystyki_02.gif'); width: 300px; border: 0px solid black; padding: 25px; background-repeat: no-repeat;"></div>
bemol
a czy nie brakuje:
display:inline; ?
nevt
nie.
wookieb
Cytat(nevt @ 8.09.2008, 19:41:18 ) *
  1. <div style="float: left; background-image: url('tabelka-statystyki_02.gif'); width: 300px; border: 0px solid black; padding: 25px; background-repeat: no-repeat;"></div>
  2. <div style="background-image: url('tabelka-statystyki_02.gif'); width: 300px; border: 0px solid black; padding: 25px; background-repeat: no-repeat;"></div>

Lepiej już nic nie pisz...
Kod
<div style="float: left; background: url('tabelka-statystyki_02.gif') no-repeat; border: 0px; width: 300px; padding: 25px; height: 20px;"></div>
<div style="float: left; background: url('tabelka-statystyki_02.gif') no-repeat; border: 0px;width: 300px; padding: 25px; height: 20px;"></div>


A bardziej elegancko
Kod
<style type="text/css">
.kolumna
{
float: left;
background: url('tabelka-statystyki_02.gif') no-repeat;
border: 0px;
width: 300px;
padding: 25px;
height: 20px;
}
</style>

<div class="kolumna"></div>
<div class="kolumna"></div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.