Gå til innhold

Midtstille webside? Nå er jeg lei. Hjeelp...

RedRocK

Anbefalte innlegg

RedRocK

RedRocK

Skrevet
Skrevet

Hei.

Nå har jeg sittet lenge... Prøvd og prøvd og få midtstilt teksten og designet på hjemmesiden min.

Jeg har lest guiden: http://www.unrealized.org/artikkel/css/midtstilling_i_css/

Men jeg kommer ingen vei. Jeg får midtstilt designet, men teksten? Nei den vil ikke følge etter.

 

Jeg ber noen, være så snille å sette opp et konkret eksempel på hvordan jeg gjør det, ved hjelp av koden jeg har lagt ved.

Vær så snill!

 

<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:16px;
top:81px;
width:226px;
height:22px;
z-index:1;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (design.psd) -->
<div id="Layer1">
 <table width="231" border="0">
   <tr>
     <td>Denne teksten vil ikke med resten av designet. </td>
   </tr>
 </table>
</div>
<table id="Table_01" width="1000" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
 <td>
 	<img src="images/design_01.gif" width="1000" height="71" alt=""></td>
</tr>
<tr>
 <td>
 	<img src="images/design_02.jpg" width="1000" height="697" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Gjest Slettet+8745264

Gjest Slettet+8745264

Skrevet
Skrevet 

<td style="text-align=middle">Denne teksten vil ikke med resten av designet. </td>

 

Eller noget i den duren..

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet

Du vil midtstille nettsiden din ?

I tillegg midtstille teksten i deesignen.

 

For å midtstille nettsiden din, ville jeg hatt en 'wrapper' rundt siden din hvor jeg kan gi den en verdi :

 

#wrapper { margin: 0 auto; }

 

dette gjelder kun andre nettlesere og ikke IE.

 

For at siden midtstilles i IE, så er det :

body { text-align: center; }

Lenke til kommentar
Svish

Svish

Skrevet
Skrevet (endret)

for å midtstille hele greia, brukte jeg følgende css for body på min hjemmeside, og det funker så langt jeg kan se helt greit :)

body {
padding: 0;
margin: 10px auto;	
width: 600px;
border: 1px solid #dce;
}

bare for å gitt et forsøk på å forklare linjene:

width angir bredden på siden. ting inni bør da definitivt ikke være bredere enn det. om de er det, husker ikke om det skar seg eller hva som skjedde, men ja.. du må i hvert fall sette width på den, fordi:

margin satt til auto fungerer ellers ikke. så langt jeg har forstått av den enkle grunn at body default sett er hele bredden, og da er det jo ikke noe å lage auto margin på..

padding husker jeg ikke om var viktig å ha med, men det finner en vel fort ut av. satt til 0 så ting skal få lov til å komme helt ut i kantene.

border bare en ramme rundt body.

 

så håper vi det funker for deg også :)

Endret av Tussi_qwerty
Lenke til kommentar
haugsand

haugsand

Skrevet
Skrevet
noe enkelt (kanskje ikke helt standard? men funker vle greit)

 

<body>
<center>

Din kode

</center>
</body>

 

Dette  midstiller hele siden din, med mindre noe annet er skrevet i css kode vil allt bli centrert.

6651220[/snapback]

Denne koden er utdatert, og bør ikke brukes.

Lenke til kommentar
AlecTBM

AlecTBM

Skrevet
Skrevet
noe enkelt (kanskje ikke helt standard? men funker vle greit)

 

<body>
<center>

Din kode

</center>
</body>

 

Dette  midstiller hele siden din, med mindre noe annet er skrevet i css kode vil allt bli centrert.

6651220[/snapback]

Denne koden er utdatert, og bør ikke brukes.

6651257[/snapback]

 

Den er ikke utdatert. Den validerer nå.

Men ville ikke brukt den for det

Lenke til kommentar
haugsand

haugsand

Skrevet
Skrevet
noe enkelt (kanskje ikke helt standard? men funker vle greit)

 

<body>
<center>

Din kode

</center>
</body>

 

Dette  midstiller hele siden din, med mindre noe annet er skrevet i css kode vil allt bli centrert.

6651220[/snapback]

Denne koden er utdatert, og bør ikke brukes.

6651257[/snapback]

 

Den er ikke utdatert. Den validerer nå.

Men ville ikke brukt den for det

6652533[/snapback]

 

The CENTER element is deprecated.

 

A deprecated element or attribute is one that has been outdated by newer constructs.

Lenke til kommentar
haugsand

haugsand

Skrevet
Skrevet
Hva med:

 

<body style="text-align:center;">

 

Det er vel fullt lovlig? Folk bruker body tag'en for sjeldent.

6658541[/snapback]

Bruk av style-attributten er en uting. CSS bør alltid skrives i en egen fil. Egenskapen text-align påvirker bare inline-elementer, som tekst og bilder, og vil ikke uten videre midtstille en layout.

Lenke til kommentar
JonH

JonH

Skrevet
Skrevet
Bruk av style-attributten er en uting. CSS bør alltid skrives i en egen fil.

Legger stort sett alle attributter i egen fil, men noen ganger bruker jeg style i html, som da noen få elementer skal ha andre verdier.

 

Når det gjelder trådstarters spørsmål så er det nok best å følge tipsene og lage siden fra bunnen av og bruke margin: 0px auto;. Den siden jeg holder på med er midstilt og fungerer i IE, Opera og Firefox. Legger du ut bildene og annet du skal ha på siden, er det sikkert noen som kan hjelpe deg med å sette opp siden :thumbup:

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...