Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> warstwy zamiast tabel
slash.
post
Post #1





Grupa: Zarejestrowani
Postów: 113
Pomógł: 0
Dołączył: 7.08.2003
Skąd: Warszawa | Jankowce

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


mam takie pytanie w jaki sposob mozna uzyskac za pomoca warstw efekt taki jak dostawalem przy uzyciu tabel i tla komorki, czyli do tej pory uzywalem czegos takiego:
  1. <tr>
  2. <td bgcolor="#000000" width="1"></td>
  3. <td>
  4. Tekst<br />
  5. test<br />
  6. </td>
  7. <td bgcolor="#000000" width="1"></td>
  8. </tr>

chodzi mi o to ze niewazne ile tekstu bym wpisal w srodkowa kolumne to boczne beda sie rozcialaly tworzac obok pionowe czarne kreski, teraz w jaki sposob moge osiagnac podobny efekt przy uzyciu warstw i CSS (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Co do pierwszegp pytania, to nie wiem, czy dokładnie coś takiego można uzyskać, ale polecam odwiedzenie strony http://csscreator.com/version2/pagelayout.php
wprawdzie generuje to layouty dla całej strony, ale nic nie stoi na przeszkodzie żeby po drobnych modyfikacjach użyć wygenerowanego layouta w inny sposób (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Natomiast jeśli chodzi o umiejscowienie warstw obok siebie, to można np. tak:
Kod
<style type="text/css">
#w1,#w2,#w3{
    width:100px;
    background-color:red;
    display:inline;
}
#w2,#w3{
    background-color:green;
    margin-left:5px;
}
#w3{
    background-color:blue;
}

  1. <div id="w1">Lorem ipsum</div>
  2. <div id="w2">dolor sit amet</div>
  3. <div id="w3">consectetur adipisicing elit</div>

Żeby było widać, że warstwy są obok siebie dałem im różne kolory.
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: 27.12.2025 - 10:46