Koncowka wtryskiwaczy
Dysk do wymiany?
Pomoc w analizie logów
Strona Młodzików z Bzury - www.bzura.ozorkow.prv.pl
gaźniki
Zlecenia na graffiti
pasek rozzadu
Nokia 5310 XpressMusic
Pobicie w parku
Co myślicie o tym hostingu...
chomiki
witam mam bardzo dziecinny problem, mianowicie<center> nie dzia³a, zawsze mi to dzia³a³o ale gdy pisa³em na <table> na div nie chcê wypo¶rodkowaæ
oto ¼ród³o
HTML
<body>
<center>
<div class="main">
<div class="a"> </div>
<div class="top"> </div>
<div class="a2"> </div>
<div class="index"> </div>
<div class="a3"> </div>
<div class="om"> </div>
<div class="a4"> </div>
<div class="portfolio"></div>
<div class="a5"> </div>
<div class="logowanie"> <a title="logwanie do PA" href="index.php?id=logowanie" > <img src="image/layoutR2C8.png" /> </a> </div>
<div class="poprzeczka"> </div>
<div class="poletxt">
<?
//wczytuje zawarto¶æ pliku index.txt do pola index ""
$dane = fread(fopen("txt/index.txt", "r"), filesize("txt/index.txt"));
echo $dane;
//logowanie
switch ($_GET['id']){
case "logowanie":
$dane = "";
echo "$dane";
include ("logowanie_s.php");
break;
}
?>
</div>
<div class="stopka"> </div>
</div>
</center>
</p>
</center>
</body>
a to css
body {
background: black;
}
.main {
position: absolute;
left: 0px;
top:0;
}
.a {
position: absolute;
width: 26px;
height: 610px;
margin: 0px;
left: 0px;
top: 0px;
background: url(image/layoutR1C1.png);
}
.top {
position: absolute;
width: 539px;
height: 151px;
margin: 0px;
left: 26px;
top: 0px;
background: url(image/layoutR1C2.png);
}
.a2 {
position: absolute;
width: 35px;
height: 610px;
margin: 0px;
left: 565px;
top: 0px;
background: url(image/layoutR1C9.png);
}
.index {
position: absolute;
width: 113px;
height: 34px;
margin: 0px;
left: 26px;
top: 151px;
background: url(image/layoutR2C2.png);
}
.a3 {
position: absolute;
width: 9px;
height: 34px;
margin: 0px;
left: 139px;
top: 151px;
background: url(image/layoutR2C3.png);
}
.om {
position: absolute;
width: 115px;
height: 34px;
margin: 0px;
left: 148px;
top: 151px;
background: url(image/layoutR2C4.png);
}
.a4 {
position: absolute;
width: 9px;
height: 34px;
margin: 0px;
left: 263px;
top: 151px;
background: url(image/layoutR2C5.png);
}
.portfolio {
position: absolute;
width: 112px;
height: 34px;
margin: 0px;
left: 272px;
top: 151px;
background: url(image/layoutR2C6.png);
}
.a5 {
position: absolute;
width: 66px;
height: 34px;
margin: 0px;
left: 384px;
top: 151px;
background: url(image/layoutR2C7.png);
}
.logowanie {
position: absolute;
width: 115px;
height: 34px;
margin: 0px;
left: 451px;
top: 151px;
background: url(image/layoutR2C8.png);
}
.poprzeczka {
position: absolute;
width: 539px;
height: 14px;
margin: 0px;
left: 26px;
top: 185px;
background: url(image/layoutR3C2.png);
}
.poletxt {
position: absolute;
width: 539px;
height: 335px;
left: 26px;
top:199px;
font-family: BankGothic Lt BT;
font-size:12px;
background: url(image/layoutR4C2.png);
overflow:auto;
}
.stopka {
position: absolute;
width: 539px;
height: 76px;
margin: 0px;
left: 26px;
top: 534px;
background: url(image/layoutR5C2.png);
}
mo¿e kto¶ znajdzie b³±d jaki pope³ni³em, bo ju¿ sie mêcze nad tym szwaksem od po³owy dnia - aha, nie strzelaæ tylko zeby to by³o konkretnie pod te ¼r*
hehehehe
Asdef,
CSS--> position: absolute; ??? Wiesz co to oznacza ?
Bo zdaje mi siê ¿e to ustala warto¶æ bez wzglêdna liczona w pixelach(albo innych jednostkach miary) od lewego górnego rogu w zale¿no¶ci od podanych parametrów Wiêc center centruje ale zaraz Clasy ustawia go z powrotem Od ogó³u do ¶rodka Czyli center ale pozycja jest wa¿niejsza wiec nijak Ci nie zadzia³a center musisz wywaliæ pozycje bez wzglêdna
[ Dodano: 2006-11-26, 22:30 ]
zawsze ustawia³em na absolute i jako¶ mia³em sposób na obej¶cie tego, ale jako¶ to nie dzia³a teraz
a gdy wezmê ustawianie na marginesach
body {
background: black;
}
.a {
width: 26px;
height: 610px;
margin-left: 0px;
margin-top: 0px;
background: url(image/layoutR1C1.png);
}
.top {
width: 539px;
height: 151px;
margin-left: 26px;
margin-top: 0px;
background: url(image/layoutR1C2.png);
}
.a2 {
width: 35px;
height: 610px;
margin-left: 565px;
margin-top: 0px;
background: url(image/layoutR1C9.png);
}
.index {
width: 113px;
height: 34px;
margin-left: 26px;
margin-top: 151px;
background: url(image/layoutR2C2.png);
}
.a3 {
width: 9px;
height: 34px;
margin-left: 139px;
margin-top: 151px;
background: url(image/layoutR2C3.png);
}
.om {
width: 115px;
height: 34px;
margin-left: 148px;
margin-top: 151px;
background: url(image/layoutR2C4.png);
}
.a4 {
width: 9px;
height: 34px;
margin-left: 263px;
margin-top: 151px;
background: url(image/layoutR2C5.png);
}
.portfolio {
width: 112px;
height: 34px;
margin-left: 272px;
margin-top: 151px;
background: url(image/layoutR2C6.png);
}
.a5 {
width: 66px;
height: 34px;
margin-left: 384px;
margin-top: 151px;
background: url(image/layoutR2C7.png);
}
.logowanie {
width: 115px;
height: 34px;
margin-left: 451px;
margin-top: 151px;
background: url(image/layoutR2C8.png);
}
.poprzeczka {
width: 539px;
height: 14px;
margin-left: 26px;
margin-top: 185px;
background: url(image/layoutR3C2.png);
}
.poletxt {
width: 539px;
height: 335px;
margin-left: 26px;
margin-top:199px;
font-family: BankGothic Lt BT;
font-size:12px;
background: url(image/layoutR4C2.png);
overflow:auto;
}
.stopka {
width: 539px;
height: 76px;
margin-left: 26px;
margin-top: 534px;
background: url(image/layoutR5C2.png);
}
...to strona wygl±da nie wiêcej tak jak na screenie… w poziomie uk³ada poprawnie, natomiast w pionie jest fuj
aha, dodam tylko ¿e z table chcê zrezygnowaæ na dobre, no chyba ¿e do efektu z ró¿nych tabel, a nie do uk³adu strony
Asdef, Po ustalaj margines TOP tak jak ma byæ bo np.
.stopka {
width: 539px;
height: 76px;
margin-left: 26px;
margin-top: 534px;
ma ustawiony ze ma siê zaczynaæ dopiero:(na oko) pod koniec strony na dole Wiec tak ustawi³a ja przegl±darka
Ja bym zrobi³(sprawdzi³)
body {
background: black;
text-align: center;
}
Albo wszystko uj±³ w
<body>
<p align="center">
.....ca³a strona.....
</p>
</body>
I ju¿ uk³ada³ bez tych marginesów i pozycji bez wzglêdnej w CSS
A jak chcesz jeden obrazek pod drugim to wstaw <br> na koniec Zobacz czy dzia³a albo daj mi ca³± zawarto¶æ kodu wraz z obrazeczkami bo tak to zbytnio z pamiêci nie bêdê w stanie Ci pomóc
PS: Ja to mam ksi±¿eczkê o CSS 80stron wiêc z niej jak cos robiê
[ Dodano: 2006-11-29, 16:38 ]
dobra, ja te¿ na co¶ wpad³em
poka¿ê Ci jak ja to zrobi³em
html, body, div{height:100%;}
body {
padding:0;
text-align: center;
margin: 0, auto;
}
div {
border: 0px solid;
width: 50%;
margin: 0 auto; /* mo_na zapisa_ krócej: margin: 0 auto; */
text-align: left;
}
.a {
position: absolute;
width: 26px;
height: 610px;
margin-left: 0px;
margin-top: 0px;
background: url(image/layoutR1C1.png);
}
.top {
position: absolute;
width: 539px;
height: 151px;
margin-left: 26px;
margin-top: 0px;
background: url(image/layoutR1C2.png);
}
.a2 {
position: absolute;
width: 35px;
height: 610px;
margin-left: 565px;
margin-top: 0px;
background: url(image/layoutR1C9.png);
}
.index {
position: absolute;
width: 113px;
height: 34px;
margin-left: 26px;
margin-top: 151px;
background: url(image/layoutR2C2.png);
}
.a3 {
position: absolute;
width: 9px;
height: 34px;
margin-left: 139px;
margin-top: 151px;
background: url(image/layoutR2C3.png);
}
.om {
position: absolute;
width: 115px;
height: 34px;
margin-left: 148px;
margin-top: 151px;
background: url(image/layoutR2C4.png);
}
.a4 {
position: absolute;
width: 9px;
height: 34px;
margin-left: 263px;
margin-top: 151px;
background: url(image/layoutR2C5.png);
}
.portfolio {
position: absolute;
width: 112px;
height: 34px;
margin-left: 272px;
margin-top: 151px;
background: url(image/layoutR2C6.png);
}
.a5 {
position: absolute;
width: 66px;
height: 34px;
margin-left: 384px;
margin-top: 151px;
background: url(image/layoutR2C7.png);
}
.logowanie {
position: absolute;
width: 115px;
height: 34px;
margin-left: 451px;
margin-top: 151px;
background: url(image/layoutR2C8.png);
}
.poprzeczka {
position: absolute;
width: 539px;
height: 14px;
margin-left: 26px;
margin-top: 185px;
background: url(image/layoutR3C2.png);
}
.poletxt {
position: absolute;
width: 539px;
height: 335px;
margin-left: 26px;
margin-top:199px;
font-family: BankGothic Lt BT;
font-size:12px;
background: url(image/layoutR4C2.png);
overflow:auto;
}
.stopka {
position: absolute;
width: 539px;
height: 76px;
margin-left: 26px;
margin-top: 534px;
background: url(image/layoutR5C2.png);
}
cio³em po to aby by³o mi ³atwiej wymiarowaæ i ustawiaæ wartwy, wed³ug szeroko¶ci poszczególnych elementów.. - aha u mnie dzia³a na IE, Oper, w FF nie sprawdza³em, ale powinno dzia³aæ
