Problem z tabelkami + css


(Existence) #1

Chciałem, aby moja strona wyglądałą tak, oczywiście to wyśrodkowane:

(strona.png)

Pociąłem ją i po wrzuceniu na serwer z plikiem style.css wygląda tak:

(index.html)

Link do pliku ze stylami:

(style.css)

Cała spakowana strona:

(363 KB)

Jestem słaby w css'ie także błąd pewnie tkwi w tym pliku,

teraz pytanie: gdzie dokładnie, co robię źle :slight_smile:


(Piecioshka) #2

Zrobiłem troche tabel i div'ów 8) i poprawiłem Twoje style.css :mrgreen: www


(Existence) #3

ok, już wygląda znacznie lepiej, ale jak zniwelować tą przerwę która oddziela od siebie loga 1MA?

czy to obojętne jakich cudzysłowów używamy?

id= ' footer '

id= " footer "

#middle {

text-align:center;

margin:auto;

}


.tabela {

border: 0px;

padding: 0px;

margin: 0px;

}

czy class'a .tabela będzie tylko działać jeśli bedzie przed nią id=middle?

np.:


(system) #4
* { margin: 0; padding: 0; }

body {

color: #000000;

background-color: #000000;

font-family: 'Tahoma';

font-size: 10px;

text-align: center;

margin:auto;

}

#header {

text-align: center;

color: #ffffff;

margin: auto;

width: 700px;

height: 107px;

background:url('header.png') no-repeat;

padding-top: 10px;

}

#middle {

text-align:center;

margin:auto;

}

.tabela {

border: 0px;

border-collapse: collapse;

}

#left {

text-align:center;

color: #ffffff;

width: 123px;

height: 439px;

background:url('left.png') no-repeat;

}

#center {

text-align:center;

color: #ffffff;

width: 373px;

height: 439px;

background:url('middle.png') no-repeat;

}

#right {

text-align:center;

color: #ffffff;

width: 130px;

height: 439px;

background:url('right.png') no-repeat;

}

#footer {

margin:auto;

text-align: center;

color: #ffffff;

width: 710px;

height: 60px;

background:url('footer.png') no-repeat;

}


a:link {color: #D4D4D4; text-decoration: underline;}

a:visited {text-decoration: underline; color: #D4D4D4;}

a:hover {text-decoration: underline; color: #fff;}

a:active {text-decoration: underline; color: #D4D4D4;}

a { color:#D4D4D4; }

Nie.


(Existence) #5

nie widzę żadnej zmiany, heh :wink:


(system) #6

Fakt, chyba styl pomyliłem z czego innego :wink: