Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Po prawej pod spodem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
nospor
Hej,
mam taki kodzik
http://jsfiddle.net/6jnqrebt/1/
jak widzicie, linki są po prawej stronie obok siebie.
Jak z tego zrobić tak, by linki a i owszem były po prawej stronie, ale nie obok siebie tylko jedno pod drugim? Da się tak zrobić bez zmieniania struktury html?
Turson
http://jsfiddle.net/6jnqrebt/2/
nospor
Ok, prawie dobrze, ale nie wspomnialem, ze obok jest div z float:left. Niestety po dodaniu Twojej poprawki div ten spada na dol, a powinien pozostac na gorze.
http://jsfiddle.net/6jnqrebt/3/
Turson
Bez opakowania linków w diva chyba nie da rady
nospor
No dobra, a jakbyś to opakował?
Turson
http://jsfiddle.net/6jnqrebt/4/
trueblue
http://jsfiddle.net/6jnqrebt/5/
nospor
@Turson no ok, tak niby jest git. Dzieki.

Jakby jednak komuś udało się to jeszcze zrobic bez zmiany struktury początkowej, to by było miło.

@trueblue chyba pisales nim pojawił się post, ale tam jeszcze bedzie div.
trueblue
nospor, spojrzałem w pierwszy jsfiddle.
Czy div musi być floatowany?
nospor
No bo w pierwszym nie bylo wink.gif

Cytat
Czy div musi być floatowany?
No jesli nie rozwali mi to calego schematu, to nie.
trueblue
To zdejmujesz z niego float i masz.
nospor
Coz, faktycznie smile.gif

Niestety w realnym srodowisku, tam są dwa divy obok siebie i to już komplikuje sprawe sad.gif
http://jsfiddle.net/6jnqrebt/6/
I te divy mają byc obok siebie po lewej, zas te linki po prawej
trueblue
http://jsfiddle.net/6jnqrebt/8/
nospor
Jak pisalem, divy mają byc obok siebie a nie jeden pod drugim

edit: daniu obu inline-block rozwiazuje ten problem. Sprawdze jak to sie zachowa na produkcyjnym i dam znac
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.