Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]pozycjonowanie pionowe diva
-Gość-
post 2.07.2011, 14:03:45
Post #1





Goście







mam jakiś element, przypuśćmy komórkę tabeli. jak dać diva na samą górę? próbowałem z vertical-align, ale nic nie daje ;\
Go to the top of the page
+Quote Post
sebap123
post 2.07.2011, 14:06:59
Post #2





Grupa: Zarejestrowani
Postów: 253
Pomógł: 1
Dołączył: 26.08.2009
Skąd: Szczecin

Ostrzeżenie: (10%)
X----


Jak na górę? W sensie nad tą tabele? Jeśli nad to umieść w kodzie nad tabelą i w stylach daj obu np. float left i szerokości takie, żeby nie mogły być po bokach - wtedy nie będą się na siebie nakładać, tylko będą nad sobą. Jeśli nie możesz tak miejsca zagospodarować to umieść obie rzeczy w jeszcze jednym wspólnym divie.
Go to the top of the page
+Quote Post
-Gość-
post 2.07.2011, 14:26:24
Post #3





Goście







nie.


czerwony - div-kolumna w której znajduje się inny div który mnie interesuje
pomarańczowy - to, co mam, czyli float:right i ten div jest po prawo na dole kolumny
niebieski - to, co chce osiągnąć, czyli float:right i jakaś instrukcja, która przeniesie go na samą górę kolumny

czego mam użyć?
Go to the top of the page
+Quote Post
Damonsson
post 2.07.2011, 14:30:23
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Przypadkowo użyłeś nazwy kolumna? Czy robisz to wewnątrz <table>?
Go to the top of the page
+Quote Post
sebap123
post 2.07.2011, 14:31:54
Post #5





Grupa: Zarejestrowani
Postów: 253
Pomógł: 1
Dołączył: 26.08.2009
Skąd: Szczecin

Ostrzeżenie: (10%)
X----


To wstaw pod diva pomarańczowego drugiego diva i nadaj mu wysokość odpowiednią, czyli taką, która będzie"zakrywała" całe pole na dole. Wtedy przeniesiesz tego na górę. Jak nadal nie wiesz o co mi chodzi, to podaj jakiś przykładowy kod.
Go to the top of the page
+Quote Post
-Gość-
post 2.07.2011, 14:45:44
Post #6





Goście







Damonsson, nie, nie operuje na tabeli.

  1. <div style="width: 500px; height: 400px; border:2px solid">
  2. <!-- elementy -->
  3. <div style="float:right;">aaaaaaaaaaaaaaaaaaa</div>
  4. </div>


na tym przykładzie będzie tak, jakbym chciał - przez to, że nie ma innych elementów wewnątrz diva. ja bym chciał przesunąć ten div wewnętrzny jeszcze na samą górę (może się nakładać z innymi elementami)
Go to the top of the page
+Quote Post
sebap123
post 2.07.2011, 15:07:25
Post #7





Grupa: Zarejestrowani
Postów: 253
Pomógł: 1
Dołączył: 26.08.2009
Skąd: Szczecin

Ostrzeżenie: (10%)
X----


Cały czas nie jestem pewien o co ci chodzi, ale domyślam si, że o coś takiego:
  1. <div style="width: 500px; height: 400px; border:2px solid">
  2. <!-- elementy -->
  3. <div style="float:right; width:400px;"><span style="float:right;">aaaaaaaaaaaaaaaaaaa</span></div>
  4. <div style="float:right; width:400px;"><span style="float:right;">bbbbbbbbbbbbbbb</span></div>
  5. </div>


Chyba powinno działać.

EDIT:
Oczywiście możesz mieć sam pierwszy wiersz, bez tego z literami b.

Ten post edytował sebap123 2.07.2011, 15:08:40
Go to the top of the page
+Quote Post
usb2.0
post 2.07.2011, 15:40:30
Post #8





Grupa: Zarejestrowani
Postów: 341
Pomógł: 25
Dołączył: 28.09.2008
Skąd: Lublin

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


a nie łatwiej czerowonemu divowi dac position absolute, tym w srodku relative i ustawic co do piksela?
Go to the top of the page
+Quote Post
Damonsson
post 2.07.2011, 18:31:04
Post #9





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


@up Nie.

Ale jakim cudem coś umieszczone wewnątrz tego DIVa pojawia Ci się na dole? ohmy.gif Cuda? Pokaż cały kod, bo coś mi się nie chce wierzyć, że w ogóle coś samemu napisałeś.
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: 14.08.2025 - 03:54