Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Tabele, marginesy itp.
AZPR
post
Post #1





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

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


ulad strony wygalda tak:

http://www.fotosik.pl/pokaz_obrazek/k1wt2ynzrxx3gnkp.html

kolor granatowy:

jest to tło strony
Kod
  background-image:url(img/i1.png);


aby tabelka "odstawała" od krawedzi przegladarki zastosowałem
Kod
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;


wiadomo (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) działa

nastepnie kolor jasnoniebieski

jest to tabela o takich prarametrach css

Kod
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;


a w html

Kod
<TABLE class="glowne" BORDER="0" CELLSPACING="0">

<TR>
<TD class="M1" COLSPAN="2" VALIGN="middle"><DIV class="belka">M1</DIV></TD>
</TR>

<TR>


<TR>
  <TD  class="M2"><table bgcolor="#FFFFFF"id="mm_mg5">
    <tr>
      <th><p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p></th>
    </tr>
  </table></TD>
</TR>
</TABLE>


</TABLE>


kolor czerowny w css

Kod
#mm_mg5 {

width: 100%;

border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;


ok jest dziala (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ale jak zrobic aby ta czerwona ramka [mm_mg5] była "wtopiona" w tabele jasnoniebieska z margenisami? tak aby to wygladalo jak na rysunku...

jak dodam do css [#mm_mg5] cos takiego

Kod
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;

albo

margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;


to mi to nic nie daje...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
yavaho
post
Post #2





Grupa: Zarejestrowani
Postów: 449
Pomógł: 0
Dołączył: 26.05.2004
Skąd: Nowy Sącz

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


margin - to jest margines zewnętrzny od krawedzi obiektu
padding - to jest margines wewnętrzny od krawedzi obiektu

Takie cos chcesz uzyskac?
  1. <style type="text/css">
  2. <!--
  3. body {
  4. margin: 0;
  5. padding: 0;
  6. background: blue;
  7. text-align:center;
  8. }
  9. .t1 {
  10. margin: 30px;
  11. padding: 30px;
  12. background: red;
  13. border: 1px solid #ffffff;
  14. }
  15. .t2 {
  16. margin: 0;
  17. padding: 0;
  18. background: green;
  19. border: 1px solid #ffffff;
  20. }
  21. -->
  22. </head>
  23. <div class="t1">
  24. <div class="t2">
  25. <p>&nbsp;</p>
  26. <p>&nbsp;</p>
  27. <p>&nbsp;</p>
  28. </div>
  29. </div>
  30. </body>
  31. </html>
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: 5.10.2025 - 13:33