Witam, czy jest możliwe stworzenie w oparciu o divy 4 kolumn których kolejność będzie można dowolnie poprzez css zmieniać (tylko bez użycia żadnych position: relative czy absolute bo to jest oczywiste). Przy okazji prosiłbym o przedstawienie kilku czystych, całkowicie poprawnych przykładowych układów strony na divach
0
0
Takie sobie wyskrobane na szybko i nie do końca da się przestawiać kolejność:
http://s4.ktos.info/four-column-css-layout/
0
no właśnie, taki sposób jest wiadomy ale nie całkiem można zmieniać kolejności
czyli jednak nie da się utworzyć takiego czegoś ?
0
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
div {
border: solid 1px gray;
width: 24%;
float: <b>left</b>; /* right zmieni kolejność wszystkich elementów */
margin: 2px;
padding: 0.5em;
}
</style>
</head>
<body>
<div>DIV 1</div>
<div>DIV 2</div>
<div>DIV 3</div>
<div>DIV 4</div>
</body>
</html>
Tylko coś takiego przysło mi do głowy. Można zmienić (za pomocą float: left / right) ale wszystkie kolumny na raz - od lewej do prawej albo od prawej do lewej.
Można też dać styl float do każdego DIV osobno i wtedy wyrównując np. DIV 1 do prawej a recztę do lewej, zmienić kolejność.
P.S.
Ciekawe, jak to zrobił Google na "Własna Strona Główna Google" (dostępna po zalogowaniu)...
0
Google zrobił to absolutnie niebywale
Chodzi mi o coś takiego żeby bez ingerencji w kod HTML i bez prowizorki typu absolute móc zmieniać dowolnie kolejność na np:
ABCD
CADB
ADCB
DCAB
To inne pytanie, czy da się zmieniać kolejność pionową np stronę
X X A X X C
X B zmienić na: X A
C B