Forum PHP.pl > Tabele, marginesy itp.

Pomoc - Szukaj - Użytkownicy - Kalendarz

AZPR

22.03.2006, 19:59:58

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

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

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

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

yavaho

22.03.2006, 21:03:05

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

Takie cos chcesz uzyskac?

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
<!--
body {
	margin: 0;
	padding: 0;
	background: blue;
	text-align:center;
}
.t1 {
	margin: 30px;
	padding: 30px;
	background: red;
	border: 1px solid #ffffff;
}
.t2 {
	margin: 0;
	padding: 0;
	background: green;
	border: 1px solid #ffffff;
}
-->
</style>
</head>
<body>
<div class="t1">
	<div class="t2">
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
	</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

AZPR

23.03.2006, 12:02:52

hmm a jak zrobic to na tabelkach? bo jak to wszytko podepne pod tabelki to sie w kazdej przegladarce inaczej wyswietla... na DIVach jest OK ale na nich nie działa jedna opcja ktora jest mi potrzebna

yavaho

23.03.2006, 16:23:17

Na tabelach powinno byc identycznie jak na divach - no prawie identycznie. Ale na tabelach moga byc problemy z wysrodkowaniem.

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
 
<!--
body {
	margin: 0;
	padding: 0;
	background: blue;
	text-align:center;
}
.t1 {
	margin: 30px;
	padding: 0px;
	background: red;
	border: 1px solid #ffffff;
}
.t2 {
	margin: 30px;
	padding: 0;
	background: green;
	border: 1px solid #ffffff;
}
-->
</style>
</head>
<body>
<table class="t1"><tr><td>
  <table class="t2"><tr><td>
    <p> &nbsp; &nbsp; &nbsp; </p>
    <p> &nbsp; &nbsp; &nbsp; </p>
  </td></tr></table>
</td></tr></table>
</body>
</html>
[HTML] pobierz, plaintext

A jakiej to opcji brakuje ci w divach? wysrodkowanie w pionie?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.