Hvordan midtstille et layout ?

RedRocK · 4. mai 2006

Hei. Jeg lurer bare på om noen kan hjelpe meg og midtstille dette, uten bruk av veldig avansert CSS.

Her er koden:

<html>
<head>
<title>design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:41px;
top:290px;
width:123px;
height:23px;
z-index:1;
}
#Layer2 {
position:absolute;
left:197px;
top:296px;
width:340px;
height:46px;
z-index:2;
}
#Layer3 {
position:absolute;
left:41px;
top:289px;
width:120px;
height:21px;
z-index:3;
}
.style1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
}
#Layer4 {
position:absolute;
left:192px;
top:290px;
width:591px;
height:23px;
z-index:4;
}
.style2 {
font-size: 14;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (design.psd) -->
<div id="Layer3">
 <table width="123" border="0">
   <tr>
     <td><div align="center">
       <p class="style1">Forord<br>
         Fakta<br>
         Beliggenhet<br>
         Styreform<br>
         Naturforhold\klima<br>
         Areal og folketall<br>
         Historie (kort)<br>
         Landet<br>
         Befolkning<br>
         Næringsliv<br>
         Samferdsel<br>
         Religion<br>
         Kart over Sudan <br>
       Konflikten i Darfur<br>
       Etterord</p>
     </div></td>
   </tr>
 </table>
</div>
<div id="Layer4">
 <table width="592" border="0">
   <tr>
     <td><span class="style1">Velkommen til mitt prosjekt på nett. Bruk menyen til høyre for å navigere deg rundt.</span></td>
   </tr>
 </table>
</div>
<table id="Table_01" width="841" height="752" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td colspan="2">
		<img src="images/design_01.jpg" width="841" height="107" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="images/design_02.jpg" width="841" height="132" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="images/design_03.jpg" width="841" height="28" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/design_04.jpg" width="186" height="485" alt=""></td>
	<td>
		<img src="images/design_05.jpg" width="655" height="485" alt=""></td>
</tr>
</table>
<div align="center">
 <!-- End ImageReady Slices -->
</div>
</body>
</html>

Endret 6. mai 2006 av RedRocK

Kim T · 4. mai 2006

Legg til dette i CSS f.eks:

body {
width: 1024px;
margin:auto;
}

Jørgen Sørheim · 4. mai 2006

En god emnetittel er en tittel som forklarer godt hva innholdet i posten din går ut på. En bruker bør kunne skaffe seg oversikt over hovedinnholdet i posten bare ut fra å lese tittelen. Emnetittelen i denne tråden er ikke god nok, om ikke dette blir endret slik at det er lettere å forstå hva slags informasjon tråden omhandler vil denne bli stengt! Vennligst forsøk å ha dette i tankene neste gang du starter en tråd, og orienter deg om hva vår nettikette sier om dårlig bruk av emnetitler.

Tråden bryter også med tre-ords-regelen.

Bruk -knappen i første post for å endre emnetittelen.

(Dette innlegget vil bli fjernet ved endring av emnetittel. Vennligst ikke kommenter dette innlegget, men rapporter gjerne dette innlegget når tittelen er endret, så vil det bli fjernet.)

uranus · 6. mai 2006

På layer3 diven kan du legge til margin: 0 auto; så skal den midtstilles.

Logg inn

Hvordan midtstille et layout ?

Anbefalte innlegg

RedRocK

Lenke til kommentar

Videoannonse

Kim T

Lenke til kommentar

Jørgen Sørheim

Lenke til kommentar

uranus

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer