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):



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


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:


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 )

div też musi mieć ustawione pozycjonowanie

To ten Fenix-new z Tłuśca?

[CSS] pobierz, plaintext 
#mainBox {
   margin: 0 auto; // tyle wystarczy
   width: 500px; 
   height: 500px;
   border-style: solid;
   position: relative; //aby pozycjonowany absolutnie obrazek wymiary liczył wewnątrz tego diva
}
 
img {
   position: absolute;
   right: 1px;
   top: 1px;
}
[CSS] pobierz, plaintext 

Możesz też zastosować opływanie zamiast pozycjonowania absolutnego. Dla img dać float:right, a ldla h1 float: left.

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!