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..

[XML] pobierz, plaintext 
  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.  
[XML] pobierz, plaintext



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
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Witam tak jak mortus dla znaczników h1 używa się nazwa itp a nie do grafiki

Kod
<style>
BODY

     {
      background: url(Image/tlo.jpg);
      background-repeat: repeat;
      }


      #kartka {
      position: relative;
      background-repeat: no-repeat;
      width: 800px;
      height: 820px;
      margin: 0 auto;
      }


      /* tekst */

      #kartka #tekst .column {
      float: left;
      margin-left: 30px;
      position: absolute;
      }


      #kartka #tekst .box {
      width: 350px;
      padding: 28px 14px 14px;
      margin-bottom: 34px;
      }
      
      #kartka img {
      float: left;
      }
      
      #kartka p {
      color: #00ff00;
      }
      
      </style>

</head>
<body>

      <div id="kartka">
      <img src="kif.jpg">
      
    <div id="tekst">

         <div class="column">
                <div class="box">
                <p> tekst tekst tekst tekst tekst tekst tekst tekst</p>
                </div>

          <div class="column">
              <div class="box">
              <p>tekst tekst tekst tekst tekst tekst tekst tekst</p>
              </div>

         </div>
      </div>
    </div>
  </div>
</div>


dużo chaosu

Ten post edytował krzysztof_kf 30.03.2010, 17:28:16
Go to the top of the page
+Quote Post

Posty w temacie
- Blon_   [XML][CSS]Jak umieścić text na obrazku za pomocą css   30.03.2010, 15:52:16
- - maniak70   Możesz wytłumaczyć o co ci chodzi? Bo widzę że szy...   30.03.2010, 16:34:06
- - Volume   np. [HTML] pobierz, plaintext <style type=...   30.03.2010, 16:45:33
- - mortus   Nie rób sobie jaj człowieku, wczoraj Cię odesłałem...   30.03.2010, 16:52:57
- - Blon_   chce żeby tekst był na obrazku.. a nie wiem jak to...   30.03.2010, 17:00:06
- - krzysztof_kf   Witam tak jak mortus dla znaczników h1 używa się n...   30.03.2010, 17:27:25
- - Blon_   o właśnie nie wiedziałem że dla <p> można na...   30.03.2010, 17:30:24
|- - mortus   Cytat(Blon_ @ 30.03.2010, 18:30:24 ) ...   30.03.2010, 18:12:39
- - david8213   Jak umiescić tekst w prawym górnym rogu obrazka [...   21.03.2020, 17:34:50

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.04.2026 - 14:38
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn