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





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

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

chce żeby tekst był na obrazku.. a nie wiem jak to zrobić.. zawsze jest pod tym obrazkiem h1 



[XML] pobierz, plaintext 
  1.  
  2.  
  3. <link rel="stylesheet" href="style.css" media="screen" type="text/css" />
  4.  
  5. </head>
  6. <body>
  7.  
  8.       <div id="kartka"> 
  9.  
  10.           <h1><image src="Image/kartka.png"></h1> 
  11.  
  12.  
  13.     <div id="tekst">    
  14.  
  15.          <div class="column">
  16.             	<div class="box">
  17.                 <p> tekst tekst tekst tekst tekst tekst tekst tekst</p>
  18.                 </div>
  19.  
  20.           <div class="column">
  21.               <div class="box">
  22.               <p>tekst tekst tekst tekst tekst tekst tekst tekst</p>
  23.               </div>
  24.  
  25.          </div>
  26.       </div>
  27.     </div> 
  28.   </div>
  29. </div>
  30.  
  31.  
  32.  
[XML] pobierz, plaintext 



[XML] pobierz, plaintext 
  1. BODY 
  2.  
  3.      {
  4.       background: url(Image/tlo.jpg);
  5.       background-repeat: repeat;
  6.       }
  7.  
  8.  
  9.       #kartka {
  10.       position: relative;
  11.       background-repeat: no-repeat;
  12.       width: 800px;
  13.       height: 820px;
  14.       margin: 0 auto;
  15.       }
  16.  
  17.  
  18.       /* tekst */
  19.  
  20.       #kartka #tekst .column {
  21.       float: left;
  22.       margin-left: 30px;
  23.       }
  24.  
  25.  
  26.       #kartka #tekst .box {
  27.       width: 350px;
  28.       padding: 28px 14px 14px;
  29.       margin-bottom: 34px;
  30.       }
[XML] pobierz, plaintext
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:36
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn