Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]pozycjonowanie pionowe diva
-Gość-
post
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
 
Start new topic
Odpowiedzi (1 - 8)
sebap123
post
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
Post #3





Goście







nie.
(IMG:http://iv.pl/images/78181312323216293762.png)

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
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
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
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
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
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
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? (IMG:style_emoticons/default/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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 00:23