Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Po prawej pod spodem
nospor
post 22.08.2014, 11:01:42
Post #1





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Turson
post 22.08.2014, 11:10:21
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/6jnqrebt/2/
Go to the top of the page
+Quote Post
nospor
post 22.08.2014, 11:16:48
Post #3





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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/


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Turson
post 22.08.2014, 11:19:41
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Bez opakowania linków w diva chyba nie da rady
Go to the top of the page
+Quote Post
nospor
post 22.08.2014, 11:20:10
Post #5





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




No dobra, a jakbyś to opakował?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Turson
post 22.08.2014, 11:22:25
Post #6





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/6jnqrebt/4/
Go to the top of the page
+Quote Post
trueblue
post 22.08.2014, 11:44:11
Post #7





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/6jnqrebt/5/


--------------------
Go to the top of the page
+Quote Post
nospor
post 22.08.2014, 11:55:17
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




@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.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
trueblue
post 22.08.2014, 12:26:02
Post #9





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


nospor, spojrzałem w pierwszy jsfiddle.
Czy div musi być floatowany?


--------------------
Go to the top of the page
+Quote Post
nospor
post 22.08.2014, 12:32:13
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




No bo w pierwszym nie bylo wink.gif

Cytat
Czy div musi być floatowany?
No jesli nie rozwali mi to calego schematu, to nie.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
trueblue
post 22.08.2014, 12:34:21
Post #11





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


To zdejmujesz z niego float i masz.


--------------------
Go to the top of the page
+Quote Post
nospor
post 22.08.2014, 12:42:34
Post #12





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
trueblue
post 22.08.2014, 12:52:39
Post #13





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/6jnqrebt/8/


--------------------
Go to the top of the page
+Quote Post
nospor
post 22.08.2014, 13:09:41
Post #14





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.06.2025 - 22:48