[CSS][rozwiązany] Nakładka na obrazek

[CSS][rozwiązany] Nakładka na obrazek

bim2 Zobacz profil	15.11.2008, 15:40:43 Post #1
Grupa: Zarejestrowani Postów: 1 873 Pomógł: 152 Dołączył: 9.04.2006 Skąd: Berlin Ostrzeżenie: (0%)	Witam, mam mały problem. http://hernass.pl/css.htm Chciałbym, aby obramka znalazła się nad czerwonym tłem. I nie mogę sobie poradzić. Tło musi iść od dołu w górę. Jak daje margin-top to obramowanie także zmienia swoje położenie. Ma ktoś jakiś pomysł, jak to naprawić? [HTML] pobierz, plaintext <html> <head> <style> #health { height: 334px; width: 18px; } #health_bar { height: 34px; padding-top: 300px; width: 18px; background: url('HP-pasek_04.gif') repeat-y; float: left; } #border_health { height: 334px; width: 18px; background: url('HP pasek.png'); float: left; z-index: 1000; } </style> </head> <body> <div id="health"><div id="health_bar"><div id="border_health"></div></div></div> </body> </html> [HTML] pobierz, plaintext Ten post edytował bim2 15.11.2008, 23:56:44

Odpowiedzi

hiszpanespaniol Zobacz profil	15.11.2008, 21:22:08 Post #2
Grupa: Zarejestrowani Postów: 213 Pomógł: 39 Dołączył: 7.04.2008 Skąd: 3city Ostrzeżenie: (0%)	po co tyle div'ów, marginesów i absolutów? można to zrobić inaczej i prościej więc będzie pasować do ładnego layoutu: [HTML] pobierz, plaintext <style type="text/css"> img#health { background-image: url(czerwona-linia-zycia.gif); background-position: 0px 50px; } </style> <img src="obramowanie.gif" id="health" alt="poziom zdrowia" /> [HTML] pobierz, plaintext osobną kwestią jest, czy chcesz pozycjonować obrazek absolutnie, czy wrzucić go wewnątrz czegokolwiek. obramowanie.gif musi mieć oczywiście przezroczysty środek, a wysokość linii życia tez musi byc odpowiednia. Za pomocą php, czy czego tam będziesz używał jako drugą wartość dla background-position wstawiasz ile życia ktoś stracił. przy obrazku wysokim na 100px sprawa jest banalna. edit: Nawet lynx wyświetli te obrazki poprawnie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Ten post edytował hiszpanespaniol 15.11.2008, 21:45:06

Posty w temacie

bim2 [CSS][rozwiązany] Nakładka na obrazek 15.11.2008, 15:40:43

ayeo Witam! Zmień padding-top: 300; na 0 P... 15.11.2008, 15:48:37

kleszczoscisk [HTML] pobierz, plaintext #border_health { heig... 15.11.2008, 15:50:04

bim2 Tylko, że teraz czerwony pasek idzie od góry,... 15.11.2008, 15:50:06

ayeo look wyżej, dałem edycję 15.11.2008, 15:54:29

bim2 No niby tak się da, ale jak bez position abso... 15.11.2008, 20:11:22

hiszpanespaniol po co tyle div'ów, marginesów i absolutów? mo... 15.11.2008, 21:22:08

-rogal- o0 przydałby mi się taki kodzik, ale jak do tego w... 15.11.2008, 21:27:39

Mize Obliczasz % i odpowiednio do tego długość paska ży... 15.11.2008, 21:36:54

bim2 Ale, ja chce mieć to obramowanie 15.11.2008, 21:44:25

hiszpanespaniol nic nie stracisz. 1. tworzysz gif wyglądający ide... 15.11.2008, 21:48:53

cbagov Mozesz tez uzyc rozciaganego czerwonego diva, jesl... 15.11.2008, 22:47:51

bim2 nadal kurczę nie chodzi i nie wiem czemu. Alb... 15.11.2008, 23:09:49

hiszpanespaniol 1. nie pisałem "png" tylko "gif... 15.11.2008, 23:17:19

bim2 Wiesz co, nie rozumiem. Możesz mi napisać krok po... 15.11.2008, 23:27:32

hiszpanespaniol może daj wszystko razem: [HTML] pobierz, plaintex... 15.11.2008, 23:37:36

bim2 bardzo wielkie dzięki Trzeba było dodać scroll, b... 15.11.2008, 23:47:04

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 18.10.2025 - 05:04

Hosting zapewnia

Forum PHP.pl