Jak wycentrować stronę
szinu - 03-12-2005 10:14
Jak wycentrować stronę
Mam olbrzymie problemy z wycentrowaniem strony. Próbowałem już wsztyskiego i css i w html i zawsze skutek ten sam - zawartość strony przesówa się a tabele pozostają na swoich miejscach - jak to zmienić? Jak wycentrować całość?
Wysyłam kod mojej stronki dla ułatwienia:
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd"><html>
<head><body>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<link rel="stylesheet" type="text/css" href="style.css">
<title>coś tam</title>
<script language="JavaScript" src="dynlayer.js"></script>
<script language="JavaScript" src="scrollwindow.js"></script>
<script language="JavaScript">
<!--
onload=init
function init() {
mywindow.load('linki.html')
}
mywindow = new ScrollWindow(0,320,128,82)
mywindow.build()
writeCSS(
mywindow.css
)
//-->
</script>
<script language="JavaScript">
document.write(mywindow.div)
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = true;
function preloadImages() {
if (document.images) {
veles1_021_over = newImage("images/veles1_21-over.gif");
veles1_02_over = newImage("images/veles1_02-over.gif");
veles1_04_over = newImage("images/veles1_04-over.gif");
veles1_05_over = newImage("images/veles1_05-over.gif");
veles1_06_over = newImage("images/veles1_06-over.gif");
veles1_07_over = newImage("images/veles1_07-over.gif");
veles1_08_over = newImage("images/veles1_08-over.gif");
veles1_09_over = newImage("images/veles1_09-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<STYLE TYPE="text/css">
<!--
}
#up {
position:absolute;
left:106px;
top:316px;
width:20px;
height:20px;
}
#down {
position:absolute;
left:106px;
top:402px;
width:20px;
height:20px;
}
-->
</STYLE>
</head>
<body topmargin="0" leftmargin="0" background="images/bg1.gif" bgcolor="#091823" ONLOAD="preloadImages();">
<!-- ONLOAD="preloadImages();" -->
<div>
<table border="0" width="770" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><img border="0" src="images/toplogo2.gif" width="770"
height="63"></td>
</tr>
<tr>
<td width="100%"><map name="Map1">
<area href="mailto:cos tam" shape="rect" coords="83, 2, 156, 20">
<script language="JavaScript1.2">
function bookmarkit(){
window.external.addFavorite('http://www.cos.pl','--- opis sdf ---')
}
if (document.all)
document.write()
</script>
<area href="#" onClick="bookmarkit()" shape="rect" coords="527, 5, 653, 20">
<area href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.maszynopis.pl');" shape="rect" coords="659, 5, 749, 20"></map>
<img border="0" src="images/menutop.gif" width="770" height="21" usemap="#Map1"></td>
</tr>
</table>
<table border="0" width="770" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><img border="0" src="images/tytuly.gif" width="770"
height="51"></td>
</tr>
</table>
<table border="0" width="770" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="100%" valign="top">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="1">
<tr>
<td width="126" valign="top" height="1">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<TD>
<A HREF="temat.html"
ONMOUSEOVER="changeImages('veles1_021', 'images/veles1_021-over.gif'); return true;"
ONMOUSEOUT="changeImages('veles1_021', 'images/veles1_021.gif'); return true;">
<IMG NAME="veles1_021" SRC="images/veles1_021.gif" width=126 height=19 BORDER=0></A></TD>
</TR>
<tr>
<TD>
<A HREF="angelina.html"
ONMOUSEOVER="changeImages('veles1_02', 'images/veles1_02-over.gif'); return true;"
ONMOUSEOUT="changeImages('veles1_02', 'images/veles1_02.gif'); return true;">
<IMG NAME="veles1_02" SRC="images/veles1_02.gif" width=126 height=19 BORDER=0></A></TD>
</TR>
<TR>
<TD>
<TR>
<TD>
<A HREF="trailers.html"
ONMOUSEOVER="changeImages('veles1_06', 'images/veles1_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('veles1_06', 'images/veles1_06.gif'); return true;">
<IMG NAME="veles1_06" SRC="images/veles1_06.gif" width=126 height=20 BORDER=0></A></TD>
</TR>
<TR>
<TD>
<A HREF="sounds.html"
ONMOUSEOVER="changeImages('veles1_07', 'images/veles1_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('veles1_07', 'images/veles1_07.gif'); return true;">
<IMG NAME="veles1_07" SRC="images/veles1_07.gif" width=126 height=20 BORDER=0></A></TD>
</TR>
<TR>
<TD>
<A HREF="articles.html"
ONMOUSEOVER="changeImages('veles1_09', 'images/veles1_09-over.gif'); return true;"
ONMOUSEOUT="changeImages('veles1_09', 'images/veles1_09.gif'); return true;">
<IMG NAME="veles1_09" SRC="images/veles1_09.gif" width=126 height=20 BORDER=0></A></TD>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top"><img border="0" src="images/linki.gif"
width="126" height="158"></td>
</tr>
</table>
<p align="left"><br><a href="http://www.maszynopis.pl/forum"><h1>Wejdź na nasze forum i zadaj pytanie</h1></a><br></p>
<p><A HREF="http://www.creamsoft.com.pl/pajaczek/">
<IMG SRC="images/pajhelp_power.gif" HEIGHT="31" WIDTH="83" BORDER="0" ALT="Przy stworzeniu tej strony pomógł Pajączek!"></A></p><p align="left"> </P><p align="left"> <p align="left"> </p></td>
<td width="644" valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top"><img border="0" src="images/pole1.gif" width="127" height="50"></td>
<td width="50%" valign="top"><img border="0" src="images/male.jpg" width="517" height="50"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="3"><img border="0" src="images/pole2.gif" width="380" height="52"></td>
</tr>
<tr>
<td width="5">
<p align="left"></td>
<td width="370" valign="top">
<p align="left"><b>Aktualności</b></p>
<jakiś tekst
</p>
<p align="left"><b>Daniel Brzeziński</b></p>
<img src="images/maszynopislogo.gif" width="170" height="30" border="0" alt="Rozmiar: 29879 bajtów" />
<p align="left"> </p>
<p align="left">jakiś tekst</p>
<p><b>Redakcja</b></p>
</p>
<p align="left"> </td>
<td width="5"></td>
</tr>
</table>
</td>
<td width="50%" valign="top"><p align="left"><img border="0" src="images/1-pix.gif" width="1" height="1"><img border="0" src="images/duze.jpg" width="254" height="358">
<table border="0" width="100%" cellspacing="5" cellpadding="0">
<tr>
<td width="100%">
<p align="center">Zatrzymaj się na tej stronie!!</p>
</td>
</tr>
</table>
<p align="left">
</p>
</td>
</tr>
</table>
<p align="left">
</td>
</tr>
</table>
</td>
</tr>
</table><img src="/cgi-sys/Count.cgi?df=szinu.dat|display=Counter|ft=6|md=5|frgb=100;139;216|dd=B">
<DIV ID="up" style="width: 20; height: 20"><p align="left"><a href="javascript://" onMouseDown="mywindow.up(); return false" onMouseUp="mywindow.stop()" onMouseOut="mywindow.stop()"><img src="images/1pixel.gif" img border="0" height="20" width="20"></a></div>
<DIV ID="down" style="width: 20; height: 20"><p align="left"><a href="javascript://" onMouseDown="mywindow.down(); return false" onMouseUp="mywindow.stop()" onMouseOut="mywindow.stop()"><img src="images/1pixel.gif" img border="0" height="20" width="20"></a></div>
</div>
</body>
</html>
Xas - 05-12-2005 18:11
Powiem szczerze, że chyba Cię nie skumałem, bo jeżeli chodzi o wycentrowanie strony, to chociażby zaraz pod <body> wystarczy umieścić <center> i wszystko przenosi się na środek. Jednak mam wrażenie, że nie mówię o tym co Ciebie interesuje.
Stwor - 06-12-2005 18:03
<div align="center">
kod
</div>
n0rbi - 22-01-2006 18:52
Czesc <body> odpowiada za to co widzisz na stronie wiec jesli w tej czesci umiescisz <center> text i grafika tam bedaca bedzie wysrodkowana zamykasz tak </center> lub jak napisal Stwor przez tali <div> oba dzialaj tak samo.
michal1-1991 - 14-04-2006 21:11
polecam div, gdyż center nie jest już jakoby najlepszym rozwiązaniem choć również działa. W XHTML center jest uważany za błąd, więc jeśli będziesz chciał być nowoczesny to z pewnością będziesz musiał skorzystać z div. no a tak to powinno wyglądać:
...
<body>
<div align="center">
...
kod
...
</div>
</body>
...
mati_84 - 28-04-2006 23:04
witam !
po twoim doctype widać, że nie jest to xhtml
jeśli twoja strona zawiera się w jednym bloku którego można przemieszczać razem z całą stroną to wystarczy nadać temu elementowi margines lewy. Na przykładzie:
<div>
cała treść twojej strony
</div>
w css:
div {margin-left: np.20px;}
To powinno przesunąć całą stronę.
co do parametru align, nie ma czegos takiego w cssie. jest text-align: center ale to centruje tylko tekst.
Do zmieniania połozenia elementów służy albo pozycjonowanie albo wspomniany wyzej margines.
zanotowane.pldoc.pisz.plpdf.pisz.pleffulla.pev.pl
|
[szukam] Grafika (logo) na stronę główną serwisu Amistrefa.com
Jak spozycjonowac strone : www.ectprojekt.com , nie ma jej nigdzie....
oceń tę stronę www.michalkuczma.z.pl
Co zrobić, by ujrzeć zbudowaną stronę WWW?
co zrobic zeby wyszukiwarki lapaly strone?
[pytanie] - jpg lub png na stronę WWW
prośba o ocene grafiki na strone www
[Sprzedam] Kilka stronek
[MySQL] Rozmiar pola Blob
windows + postgresql + c + problem
zanotowane.pldoc.pisz.plpdf.pisz.pldirtyboys.xlx.pl
Cytat
Decede mihi sole - nie zasłaniaj mi słonca.
Gdy kogoś kochasz, jesteś jak stworzyciel świata - na cokolwiek spojrzysz, nabiera to kształtu, wypełnia się barwą, światłem. Powietrze przytula się do ciebie, choćby był mróz, a ty masz w sobie tyle radości, że musisz ją rozdawać wokoło, bo się w tobie nie mieści
Hoc fac - tak czyń.
A tergo - od tyłu; z tyłu.
I czarne włosy posiwieją. Safona |
|
