Midstille webside ved hjelp av css ?

RedRocK · 24. juni 2006

Hallo.

Jeg har null peiling i css. Så jeg lurte litt på hvordan jeg kan få midtstilt en side jeg har laget utkast til ?

Her er addressen: http://www.redrock.arkhost.co.uk/sommerminner/

Koden:

<html>
<head>
<title>design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #E8F4FF;
}
#Layer1 {
position:absolute;
left:60px;
top:102px;
width:785px;
height:21px;
z-index:1;
}
.style1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
}
#Layer2 {
position:absolute;
left:81px;
top:156px;
width:739px;
height:14px;
z-index:2;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (design.psd) -->
<div class="style1" id="Layer1">
 <table width="789" border="0">
   <tr>
     <td>>> Hjem << >> Last opp dine beste sommerbilder << >> Galleri << >> Gjestebok << >> Legg inn en liten profil << </td>
   </tr>
 </table>
</div>
<div id="Layer2">
 <table width="739" border="0">
   <tr>
     <td>tekst tekst tekst tekst............ </td>
   </tr>
 </table>
</div>
<table id="Table_01" width="900" height="602" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td>
		<img src="images/design_01.jpg" width="900" height="70" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/design_02.jpg" width="900" height="19" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/design_03.jpg" width="900" height="49" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/design_04.jpg" width="900" height="388" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/design_05.jpg" width="900" height="76" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Endret 27. juni 2006 av RedRocK

834HF42F242 · 25. juni 2006

Erstatt:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

med:

<body>

og legg:

body {
margin:0px;
}

under css. Legg også til

img {
border:0px;
}

og fjern alle border="0" fra markup. Tabellene trenger ikke fortelle leseren at border skal være null. Gi tabellene klasser i css.

Eks:

<table class="fast-bredde">
...
.fast-bredde {
width: 700px;
height: 200px;
}

Du kan også fjerne

cellpadding="0" cellspacing="0"

Det er helt unødvendige koder.

Aller helst så bør du sløyfe tabellene også

RedRocK · 26. juni 2006

Fikk det ikke helt til å fungere jeg :S

RedRocK · 26. juni 2006

Ingen som kan prøve å forklare ? :S

rønning · 26. juni 2006

Den koden din var veldig tungvint satt opp.. Er så masse som må endres på..Kan du ikke bare lage en div med disse css-instillingene:

margin: 0 auto;

og så putter du alt av innhold inni den?

mye enklere

RedRocK · 26. juni 2006

Ok, det jeg har funnet ut til nå er at hvis jeg putter

på toppen av alt, og </div> på slutten av hele koden, vil alt utenom teksten bli midtstilt.

Hva mangler jeg ?

Arve Systad · 26. juni 2006

Denne artikkelen forklarar nøye korleis du skal midtstille ting "riktig" ved hjelp av CSS.

RedRocK · 27. juni 2006

Jeg får det faen meg ikke til :S Jeg må ha en ferdig kode, der jeg kan se hva som er gjort.

Men takk for alle svarene

RedRocK · 28. juni 2006

Ingen som gidder å gjøre om koden jeg har skrevet over, slik at den blir midtstilt?

Logg inn

Midstille webside ved hjelp av css ?

Anbefalte innlegg

RedRocK

Lenke til kommentar

Videoannonse

834HF42F242

Lenke til kommentar

RedRocK

Lenke til kommentar

RedRocK

Lenke til kommentar

rønning

Lenke til kommentar

RedRocK

Lenke til kommentar

Arve Systad

Lenke til kommentar

RedRocK

Lenke til kommentar

RedRocK

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer