Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [XML][CSS]Jak umieścić text na obrazku za pomocą css
Blon_
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 16.03.2010

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


Mam pytanie jak za pomocą css umieścić tekst na obrazku..

  1. <div id="kartka">
  2. <h1><image src="Image/kartka.png"></h1>
  3.  
  4.  
  5. <div id="tekst">
  6. <div class="column">
  7. <div class="box">
  8. <p>bla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla</p>
  9. </div>
  10.  
  11. <div class="column">
  12. <div class="box">
  13. <p>bla bla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla </p>
  14. </div>
  15.  
  16. </div>
  17. </div>
  18. </div>
  19.  



męczę się a tekst w tym przypadku dwie kolumny jest pod obrazkiem albo obok nie wiem jak zrobić żeby był na nim np wycentrowany albo u dołu obrazku. Może ktoś pomódz jest jakiś sposób.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
david8213
post
Post #2





Grupa: Zarejestrowani
Postów: 308
Pomógł: 0
Dołączył: 9.12.2009

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


Jak umiescić tekst w prawym górnym rogu obrazka

  1.  
  2. <style>
  3.  
  4.  
  5.  
  6. .img_my {
  7. background: #008bc4;
  8. position: absolute;
  9. top: 0; right: 0;
  10. bottom: 0; left: 0;
  11. margin: auto;
  12. max-width:100%;
  13. max-height:100%;
  14. padding:12px;
  15. background-color: red;
  16. }
  17.  
  18. .container {
  19. padding:2px;
  20. background-color: inherit;
  21. position: absolute;
  22. height:70%;
  23. top: 0;
  24. right: 0;
  25. bottom: 0;
  26. left: 0;
  27. margin: auto;
  28. }
  29.  
  30.  
  31. p#tekst_na_obrazek {
  32. position: absolute;
  33. top: 5px;
  34. left: 100px;
  35. }
  36.  
  37.  
  38. </style>
  39.  
  40.  
  41. <div class="container">
  42. <img class="img_my" src="03.jpeg">
  43. <p id="tekst_na_obrazek">tekst tekst</p>
  44. </div>
  45.  


Ten post edytował david8213 22.03.2020, 07:11:20
Go to the top of the page
+Quote Post

Posty w temacie


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: 9.10.2025 - 15:56