Muskampen 2025: Segraren korad!
Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

få sidan i mitten

1
Skriv svar
Permalänk
Medlem
●

få sidan i mitten

har ett problem får inte min hemsida att centreras i mitten av fönstret, koden ser ut så här:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Fårmännens sida</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<table width="100%" border="0">
<tr>
<td width="45%" height="426">
<table width="500" border="1" cellpadding="6" cellspacing="6" bordercolor="#000000">
<tr>
<td height="62" bgcolor="#156DEB">
<div align="center"> <img src="http://www.edgrenweb.se/users/skittles/bg.gif" width="433" height="57"></div></td>

</tr>
</table>
<table align="left" width="500" border="1" bordercolor="#000000" cellspacing="6" cellpadding="6" valign="top">
<tr>
<td width="461" height="20" valign="center" bgcolor=#156DEB><font color="#FFFFFF" size="-2" face="Verdana"><strong>.::
<A HREF="index.html">Hem</A> .:: <A HREF="vi.htm">Grabbarna</A> .:: <A HREF="bilder.htm">Bilder</A> .:: <A HREF="filmer.htm">Filmer</A> .:: <A HREF="artikel.htm">Artiklar</A> .:: <A HREF="kontakt.htm">Kontakta Oss</A> .:: <A HREF="gb.htm">Gästbok</A> ::.</strong></font></td>
</tr>

<tr>
<td height="292" valign="center" bgcolor="#156DEB"><p><strong><font color="#FFFFFF"> VÄLKOMMEN</font></strong></p>
<p><font color="#FFFFFF" size="2"><strong>Denna sida är tillägnad oss en grupp med människor som spelar in film , tar bilder och bara umgås. </strong></font></p>
<p><strong><font color="#FFFFFF" size="2">Sidan kommer att innehålla bilder från våra filmer , förhoppningsvis även trailer till våra filmer som vi inte har plats att lägga upp här utan ni måste ta kontakt med någon av oss för att få filmen/filmerna. det kommer även att ligga diverse texter och artiklar som någon i vår grupp av människor har skrivit eller bara hittat någonstans.</font></strong></p>
<p><strong><font color="#FFFFFF" size="2"> Vi har även en gästbok , den är lite sketen just nu , men ska förhoppningsvis bli bättre med tiden. Så skriv gärna något i gästboken. Här på förstasidan kommer det att även att ligga diverse nyheter om vad vi har på gång och vad vi gör. </font></strong></p>
<p><strong><font color="#FFFFFF" size="2">MVH Fårmännen Crew </font></strong></p>
<p><strong><font color="#FFFFFF" size="2">(Sidan uppdaterad med ny design 3 mars , fler bilder och artiklar kommer) </font></strong></p>
<p><strong><font color="#FFFFFF" size="2">Sidan har varit upp sen 22 Februari. </font></strong></p>
<p><font color="#FFFFFF" size="4"><strong>Besökare:</strong></font></p>
<a href="http://freelogs.com/stats/s/sverker/" target="_top"><img border="0" alt="Free Counters" src="http://ico.freelogs.com/counter/index.php?u=sverker&s=amini" ALIGN="middle" HSPACE="4" VSPACE="2"></a><br>

</tr>
</table>_</td>
<td width="55%"> </td>
</tr>

</table>

</body>

</html>

Var ska jag sätta center osv för att sidan ska centreras??

Visa signatur

ASUS a7n8x dlx Athlon xp 2400+ , 512 ddr PC3200, Sapphire radeon 9700 pro , 120GB Barracuda V,

Redigera
Citera flera Citera
Permalänk
Medlem
●

Re: få sidan i mitten

Citat:

Ursprungligen inskrivet av skittles
har ett problem får inte min hemsida att centreras i mitten av fönstret, koden ser ut så här:

<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<CENTER>

<table width="100%" border="0">

... En massa tabeller ...

</table>

</CENTER>

</body>

</html>

Var ska jag sätta center osv för att sidan ska centreras??

Testa med de

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Redigera
Citera flera Citera
Permalänk
Medlem
●

annars kan du prova detta sätt att centrera

<html>
<style>
.cent 
{ 
   width: 320px; 
   height: 180px; 
   position: absolute; 
   top: 50%; 
   left: 50%; 
   margin-left: -160px; /* halva bredd */ 
   margin-top: -90px; /*halva höjd*/ 
   background-color:lightblue;
}

</style>

<body>

<div class="cent">
</div>

</body>

</html>
Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Avstängd
●

en enorm table: 100% både width & height. sen kör du själva sidan i en iframe som du sätter centrerat.. annars, jag är lite osäker hur du menar

Visa signatur

DDR, Beatmania & Pop 'n Music. For life.

Redigera
Citera flera Citera
Permalänk
Medlem
●

inget av era sätt fungerade :/
vad kan vara fel då?

Visa signatur

ASUS a7n8x dlx Athlon xp 2400+ , 512 ddr PC3200, Sapphire radeon 9700 pro , 120GB Barracuda V,

Redigera
Citera flera Citera
Permalänk
Medlem
●

mitt sätt funkar

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

daniel var ska jag sätta in det där då? kan du göra det åt mig på koden här uppe , tack för hjälpen

Visa signatur

ASUS a7n8x dlx Athlon xp 2400+ , 512 ddr PC3200, Sapphire radeon 9700 pro , 120GB Barracuda V,

Redigera
Citera flera Citera
Permalänk
Medlem
●
oldcode - borttagen

kan försöka fixa till den lite till men nu funkar den åtminstone.

edit:tog bort koden.

Senast redigerat
Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

du har inte lust att fixa till alla sidorna så de centreras ? det är bara 7 st sidor , det vore jätte snällt

Visa signatur

ASUS a7n8x dlx Athlon xp 2400+ , 512 ddr PC3200, Sapphire radeon 9700 pro , 120GB Barracuda V,

Redigera
Citera flera Citera
Permalänk
Medlem
●

vad är adressen till sidan då, får se om man orkar fixa 7st

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

www.farmannen.info.se

Visa signatur

ASUS a7n8x dlx Athlon xp 2400+ , 512 ddr PC3200, Sapphire radeon 9700 pro , 120GB Barracuda V,

Redigera
Citera flera Citera
Permalänk
Hedersmedlem
●

om man har 7 st sidor så lägger man daniels kod (.cent osv) i en fil som heter style.css och sen skriver man

<link rel="stylesheet" type="css/text" href="style.css">

inom <head></head>
sen använder man <div class="cent"></div> som vanligt...

edit: ett tips till eran sektion "filmer":

skriv en lista över filmerna som ni har och en kort beskrivning av dem så folk kan säga vilken/vilka film(er) de vill ha...

Visa signatur

Vim
Kinesis Classic Contoured (svart), Svorak (A5)
Medlem i signaturgruppen Vimzealoter.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Om det hjälper så får ni glo hur jag gjort, korrekt xhtml och css dessutom: http://mushroom.se/ (main.css också då givetvis)

Funkar lika bra i IE (Själva sidan, inte PNG-bilderna) som i Mozilla som på min Sony Ericsson T68i ( )

Visa signatur

"..make the move over to a rackmount case, because rackmount cases get you chicks.."
-- Routermonkey

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

annars kan man centrera en tabell

<table align="center"></table>

Visa signatur

🖥️ Intel 12700K@5.3GHz ~ ASUS TUF Z690 PLUS WIFI D4 ~ 32GB Ballistix 4000MHz CL16 ~ PNY GeForce RTX 4080 Verto ~ Fractal Define 7 Compact ~ Seasonic FOCUS GX 750W ~ Noctua NH-D15 ~ WD SN850 NVMe 1TB ~ Kingston NV1 NVMe 2TB

Redigera
Citera flera Citera
Permalänk
Medlem
●

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Fårmännens sida</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link  href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<table class="cent" width="500" border="1" cellpadding="6" cellspacing="6" bordercolor="#000000">
  <tr> 
    <td bgcolor="#156DEB" align="center">
      <img src="http://www.edgrenweb.se/users/skittles/bg.gif" width="433" height="57">
    </td>
  </tr>
  <tr> 
    <td align="center" bgcolor=#156DEB>
      <div id="navcontainer">
        <ul id="navlist">
          <li>.::<a href="index.html">Hem</a></li>
          <li>.::<a href="vi.htm">Grabbarna</a></li>
          <li>.::<a href="bilder.htm">Bilder</a></li>
          <li>.::<a href="filmer.htm">Filmer</a></li>
          <li>.::<a href="artikel.htm">Artiklar</a></li><br>
          <li>.::<a href="kontakt.htm">Kontakta Oss</a></li>
          <li>.::<a href="gb.htm">Gästbok</a></li>
        </ul>
      </div>
    </td>
  </tr>
  <tr> 
    <td bgcolor="#156DEB">
      <p class="fet">VÄLKOMMEN</p> 
      <p>Denna sida är tillägnad oss en grupp med människor som spelar in film , tar bilder och bara umgås.</p>
      <p>Sidan kommer att innehålla bilder från våra filmer , förhoppningsvis även trailer till våra filmer som vi inte har plats att lägga upp här utan ni måste ta kontakt med någon av oss för att få filmen/filmerna. det kommer även att ligga diverse texter och artiklar som någon i vår grupp av människor har skrivit eller bara hittat någonstans.</p>
      <p>Vi har även en gästbok , den är lite sketen just nu , men ska förhoppningsvis bli bättre med tiden. Så skriv gärna något i gästboken. Här på förstasidan kommer det att även att ligga diverse nyheter om vad vi har på gång och vad vi gör.</p>
      <p>MVH Fårmännen Crew</p>
      <p>(Sidan uppdaterad med ny design 3 mars , fler bilder och artiklar kommer)</p>
      <p>Sidan har varit upp sen 22 Februari.</p>
      <p>Besökare:</p>
      <a href="http://freelogs.com/stats/s/sverker/" target="_top"><img border="0" alt="Free Counters" src="http://ico.freelogs.com/counter/index.php?u=sverker&s=amini" HSPACE="4" VSPACE="2"></a><br>
     </td>
  </tr>
</table>

</body>

</html>

style.css

.cent 
{ 
   width: 500px; 
   position: absolute; 
   top: 30; 
   left: 50%; 
   margin-left: -250px; /* halva bredd */ 
}

a
{
  text-decoration: none;
  color:white;
}

a:link    {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover   {color: #459DFF;}
a:active  {color: #459DFF;}

p
{
  color:white;
  font: bold 0.8em verdana;
}

p.fet
{
  font: bold 1.2em verdana;
}

#navlist
{
  margin:0;
  padding:0;
  font: bold 0.8em verdana;
}


#navlist li
{
  display: inline;
}

sen borde det inte vara så svårt att anpassa de övriga sidorna.

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

tack så jätte mycket !!!

Visa signatur

ASUS a7n8x dlx Athlon xp 2400+ , 512 ddr PC3200, Sapphire radeon 9700 pro , 120GB Barracuda V,

Redigera
Citera flera Citera
1
Skriv svar