 [css] pozycjonowanie elementu w divie |
  |
| [css] pozycjonowanie elementu w divie |
 5.12.2009, 01:38:47
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 15.11.2008 Ostrzeżenie: (0%) 
 |
witam
chciałbym wypozycjonować element (konkretnie obrazek) w divie. Powiedzmy że mamy diva wycentrowanego względem głównej strony, o wymiarach 500x500 (obramowanie dodane by zobaczyc efekt): CODE #mainBox { margin: 0 auto 0 auto; width: 500px; height: 500px; border-style: solid; } i teraz chcę zrobić tak, że w tym divie mamy nagłówek h1 zaczynajacy sie od lewej strony i w tej samej lini mam obrazek, jednak on znajduje sie maksymalnie z prawej strony (z prawej strony div'a a nie okna przegladarki). Próbowałem na wiele sposobów i nic. Wg jednego z lepszych kursów CSS na jakiego trafiłem (w jezyku polskim) pisze, by używć pozycjonowania absolute: Kod dla powyzszego diva mialby zadzialac CODE img { position: absolute; right: 1px; } <!-- kod html --> <div id="mainBox"> <img src="obrazek.jpg" /> </div> no i obrazek powinien byc o 1 px od prawej sciany diva, a jest o 1px z prawej strony calego okna. Nie wiem jak z tym sobie poradzić tym bardziej, że chciałbym aby obrazek był w jednej linii z nagłówkiem. (P.S: czy takie zagnieżdżanie jest prawidłowe? <h1>naglowek<img src="zrodlo.rozszerzenie" /></h1>) pod adresem jest strona, nad która pracuje: CODE http://www.promax.media.pl/~kuuuba/website/index.php na której możecie zobaczyć o co mi dokładnie chodzi  (na tej stronece jest tak jak powinno być, ale jest to zrobione "na jana", inna rozdzielczość niż moja(1280x800) i wyglada to niepożądanie )
|
 |
 
|
|
5.12.2009, 10:15:30
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 262 Pomógł: 26 Dołączył: 23.01.2009 Skąd: eZ Systems Ostrzeżenie: (0%)
|
div też musi mieć ustawione pozycjonowanie
-------------------- |
|
|
|
|
5.12.2009, 10:24:29
Post
#3
|
|
 Grupa: Zarejestrowani Postów: 2 592 Pomógł: 445 Dołączył: 12.03.2007 Ostrzeżenie: (0%)
|
To ten Fenix-new z Tłuśca?
Możesz też zastosować opływanie zamiast pozycjonowania absolutnego. Dla img dać float:right, a ldla h1 float: left. Ten post edytował vokiel 5.12.2009, 10:25:54 -------------------- |
|
|
|
|
5.12.2009, 13:16:30
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 15.11.2008 Ostrzeżenie: (0%)
|
Cytat(vokiel @ 5.12.2009, 10:24:29 )  To ten Fenix-new z Tłuśca? nie z Lubonia...dzięki, obydwa sposoby działają - wybiorę ten pierwszy który prawie udało mi się napisać  a co do pytania poprawność zagnieżdżania tagów to puściłem walidację na w3c i okazało się że jest poprawne jeszcze raz dzięki! |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 28.04.2025 - 05:45 |
