Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Czy da się zrobić ?
Black-Berry
post 4.07.2007, 00:19:37
Post #1





Grupa: Zarejestrowani
Postów: 663
Pomógł: 6
Dołączył: 3.06.2007
Skąd: Kraków

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


Podobno nie powinno sie stosować tabeli jako siatki... Wedle tej zasady stworzyłem coś takiego:
  1. <div class="title">Tytuł</div>
  2. <div class="author">Pimpek Sadełko</div>
  3. <div class="date">21 kwiecień 2011r.</div>
  4. <div class="body">body textbody t</div>


Pytanie: Mogłby ktoś pomóc z układem za pomocą css'a? Docelowo to powinno wyglądac tak
Kod
------------------------------------------------------------
|                              Tytuł                       |
------------------------------------------------------------
| Pimpek Sadełko         |               21 kwiecień 2011r.|
------------------------------------------------------------
|                                                          |
|                          text body                       |
|                                                          |
------------------------------------------------------------

Chodzi mi o cześć z autorem i datą. Jak to utawić tak żeby te dwa pola były w jednej linii i zeby lewa była wyrównana do lewej a prawa do prawej.

Ten post edytował Black-Berry 4.07.2007, 00:25:35


--------------------
Go to the top of the page
+Quote Post
lopik
post 4.07.2007, 00:32:11
Post #2





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 7.07.2006

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


Najprościej:

  1. <div class="author">
  2. <p style="text-align: left;>Pimpek Sadełko</p>
  3. <p style="text-align: right;>21 kwiecień 2011r</p>
  4. </div>


Kod
// css
#author p {
display: inline;
}


Ten post edytował lopik 4.07.2007, 00:33:32


--------------------
w3c & c++
Go to the top of the page
+Quote Post
Black-Berry
post 4.07.2007, 00:41:10
Post #3





Grupa: Zarejestrowani
Postów: 663
Pomógł: 6
Dołączył: 3.06.2007
Skąd: Kraków

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


to raczej nie przejdzie bo ja chciałbym zachować tą strukture html którą mam.

Ten post edytował Black-Berry 4.07.2007, 07:54:43


--------------------
Go to the top of the page
+Quote Post
gszesiek
post 4.07.2007, 00:50:57
Post #4





Grupa: Zarejestrowani
Postów: 152
Pomógł: 1
Dołączył: 17.09.2006

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


a float: left; float: right; nie przejdzie?


--------------------
Go to the top of the page
+Quote Post
Black-Berry
post 4.07.2007, 07:54:10
Post #5





Grupa: Zarejestrowani
Postów: 663
Pomógł: 6
Dołączył: 3.06.2007
Skąd: Kraków

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


Cytat(gszesiek @ 4.07.2007, 01:50:57 ) *
a float: left; float: right; nie przejdzie?
Dzięki. To rozwiązało problem smile.gif


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 22.06.2025 - 06:34