Toon posts:

[HTML] Probleem met centeren

Pagina: 1

Acties:

47 views sinds 30-01-2008
Reageer

donderdag 25 april 2002 18:47

Acties:

Verwijderd

Topicstarter

Hier staat mijn site, alles werkt goed, maar als je naar de links gaat dan wil ik de plaatjes+text gecenterd, maar ik heb al meerdere dingen geprobeert (align='center', align: center in de css, en gewoon <center> tags). Ook wil ik vertical-alignment = middle, maar ik heb hiervoor ook al meerdere dingen voor geprobeerd. Niets werkte. Weet iemand wat er mis is?

donderdag 25 april 2002 18:49

Acties:

Verwijderd

Post eens wat relevante code, anders kan ik eerst weer die .js van je ontrafelen, heb ik weinig zin in

donderdag 25 april 2002 18:52

Acties:

Janoz

Moderator Devschuur®

!litemod

Ook al align="center" in de td's?
daarnaast lijkt me een valign="middle" ook niet verkeerd staan bij de tekst

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

donderdag 25 april 2002 18:55

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 18:49 schreef Tizzwat het volgende:
Post eens wat relevante code, anders kan ik eerst weer die .js van je ontrafelen, heb ik weinig zin in

natuurlijk, vergeten

mijn pagina:

code:

<html>
<head>
<script language="JavaScript" src="slideshow.js"></script>
<link rel="stylesheet" type="text/css" href="ss.css">
    <title>JuNT's Zaait</title>
    
    <script language="JavaScript" src="load.js"></script>
</head>
<body>
<table cellspacing="0" cellpadding="0">
  <tr> 
    <td >[img]"links.jpg"></td>
[/img] 
    <table width="100%" cellspacing="0" cellpadding="0" height="500">
      <tr> 
        <td height="25">[img]"boven.jpg"></td>
    [/img]
      <tr>
        <td height="45"><a href="#" onclick="ViewData('Home');">
          [img]'home2.jpg'"[/img]</a><a href="#" onclick="ViewData('About');">[img]'about.jpg'"[/img]</a><a href="#" onclick="loadslide()">[img]'gallery2.jpg'"[/img]</a><a href="#" onclick="ViewData('Guestbook');">[img]"guestbook.jpg"[/img]</a><a href="#" onclick="loadlinks()">[img]"linksb.jpg"[/img]</a></td>
      </tr>
      <tr> 
        <td height="27">[img]"onderb.jpg"></td>
    [/img]
      <tr> 
        <td><div id="textje">Home</div></td>
      </tr>
      <tr> 
        <td height="22">[img]"onder.jpg"></td>
    [/img]
    </table>
    </td>
    <td width="24">[img]"rechts.jpg"></td>
[/img]
</table>
</body>
</html>

load.js:

code:

      function loadlinks()
      {
      ViewData("<table id='linkstable'><tr><td height='1' width='1'><a target='_blank' href='http://gathering.tweakers.net/listtopics.php/13'>[img]'gotlogo.gif'[/img]</a></td><td><a target='_blank' href='http://gathering.tweakers.net/listtopics.php/13'>&nbsp;Gathering of Tweakers Webdesign and Graphics Forum.<br>A Dutch site.</a></td></tr><tr><td height='1' width='1'><a target='_blank' href='http://www.gfxartist.com'>[img]'gfxlogo.gif'></a></td><td><a[/img]&nbsp;The Digital Art Community, GFXArtist.</a></td></tr><tr><td height='1' width='1'><a target='_blank' href='http://www.google.com'>[img]'googlelogo.gif'[/img]</a></td><td><a target='_blank' href='http://www.google.com'>&nbsp;Google. Simply the best Search Engine.</a></td></tr><tr><td height='1' width='1'><a target='_blank' href='http://www.w3.org'>[img]'w3logo.gif'></a></td><td><a[/img]&nbsp;The World Wide Web Consortium.</a></td></tr><tr><td height='1' width='1'><a target='_blank' href='http://psworkshop.net'>[img]'pswlogo.gif'></a></td><td><a[/img]&nbsp;The Photoshop Workshop.</a></td></tr><tr><td height='1' width='1'><a target='_blank' href='http://www.abstractfonts.com/'>[img]'aflogo.gif'></a></td><td><a[/img]&nbsp;Abstract Font. 1200 Free Fonts.</a></td></tr><tr><td height='1' width='1'><a target='_blank' href='http://www.trainingtools.com/'>[img]'ttlogo.gif'[/img]</a></td><td><a target='_blank' href='http://www.trainingtools.com/'>&nbsp;TrainingTools.com.</a></td></tr><tr><td height='1' width='1'><a target='_blank' href='http://www.websuit.nl/~f00l/'>[img]'reslogo.gif'[/img]</a></td><td><a target='_blank' href='http://www.websuit.nl/~f00l/'>&nbsp;The Re |S|E|Q|U|E|N|C|E| Project.</a></td></tr></table>")
      }
      function loadslide()
      {
    ViewData("<center>[img]'a1/0t.jpg'[/img]<br><form name='slideForm'><input type='button' id='sf' value='<< First' onClick='f()'><input type='button' id='sf' value='< Previous' onClick='p()'><input type='button' id='sf' value='Next >' onClick='n()'><input type='button' id='sf' value='Last >>' onClick='l()'><p><select id='sf' name='archName' onChange='load()'><option selected>Archive1<option>Archive2</select><select id='sf' name='imgName' onChange='imgVD()'><option selected>DMC1<option>DMC2<option>DMC3<option>DOA1<option>DOA2<option>DOA3<option>MP1<option>JAD1<option>JAD2<option>MP2</select><p><input id='sf' type='button' value='View Full Screen' onClick='fs()'><p></form></center><br><br><div id='comments'>Comments1</div>")
      }
    function ViewData(user)
    {
    document.all['textje'].innerHTML = user;
    }

donderdag 25 april 2002 18:55

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 18:52 schreef Janoz het volgende:
Ook al align="center" in de td's?
daarnaast lijkt me een valign="middle" ook niet verkeerd staan bij de tekst

ja, align=center in de td's geprobeerd...
valign=middle heb ik ook al geprobeerd, check mijn eerste post

donderdag 25 april 2002 19:07

Acties:

Pelle

🚴‍♂️

Wat wil je nou precies? Je hele tabel centreren? Per cel horizontaal en verticaal centreren? Per rij centreren?

Het is allemaal erg basic HTML, en Janoz heeft gelijk. Ik zie nergens een align="center" of valign="middle" staan als ik de innerHTML van je body bekijk.

donderdag 25 april 2002 19:09

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 19:07 schreef Pelle het volgende:
Wat wil je nou precies? Je hele tabel centreren? Per cel horizontaal en verticaal centreren? Per rij centreren?

Het is allemaal erg basic HTML, en Janoz heeft gelijk. Ik zie nergens een align="center" of valign="middle" staan als ik de innerHTML van je body bekijk.

ik heb het alweer weggehaald omdat het niet werkte....
ik zet er natuurlijk geen nutteloze dingen in

wat ik wil is de plaatjes en text van de links pgae horizontaal en verticaal centreren. Ik weet dat het basic HTML is, maar het werkt hier om een of andere reden niet...

donderdag 25 april 2002 19:16

Acties:

Pelle

🚴‍♂️

Wedden van wel?

code:

<table border="1" cellspacing="0" cellpadding="3" width="400">
    <tr>
      <td align="center">[img]"http://62.108.27.230/junt/Zaait/gotlogo.gif"[/img]</td>
      <td align="center"> Gathering of Tweakers Webdesign and Graphics Forum.
A Dutch site.</td>
    </tr>
    <tr>
      <td align="center">[img]"http://62.108.27.230/junt/Zaait/gfxlogo.gif"[/img]</td>
      <td align="center"> The Digital Art Community, GFXArtist.</td>
    </tr>
    <tr>
      <td align="center">[img]"http://62.108.27.230/junt/Zaait/googlelogo.gif"[/img]</td>
      <td align="center">Google. Simply the best Search Engine.</td>
    </tr>
</table>

Resultaat:

<table border="1" cellspacing="0" cellpadding="3" width="400"> <tr> <td align="center">[img]"http://62.108.27.230/junt/Zaait/gotlogo.gif"[/img]</td> <td align="center"> Gathering of Tweakers Webdesign and Graphics Forum.A Dutch site.</td> </tr> <tr> <td align="center">[img]"http://62.108.27.230/junt/Zaait/gfxlogo.gif"[/img]</td> <td align="center"> The Digital Art Community, GFXArtist.</td> </tr> <tr> <td align="center">[img]"http://62.108.27.230/junt/Zaait/googlelogo.gif"[/img]</td> <td align="center">Google. Simply the best Search Engine.</td> </tr></table>

(don't I just looooove my HTML rights

)

donderdag 25 april 2002 19:21

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 19:16 schreef Pelle het volgende:
Wedden van wel?
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table border="1" cellspacing="0" cellpadding="3" width="400">
    <tr>
      <td align="center">[img]"http://62.108.27.230/junt/Zaait/gotlogo.gif"[/img]</td>
      <td align="center"> Gathering of Tweakers Webdesign and Graphics Forum.
A Dutch site.</td>
    </tr>
    <tr>
      <td align="center">[img]"http://62.108.27.230/junt/Zaait/gfxlogo.gif"[/img]</td>
      <td align="center"> The Digital Art Community, GFXArtist.</td>
    </tr>
    <tr>
      <td align="center">[img]"http://62.108.27.230/junt/Zaait/googlelogo.gif"[/img]</td>
      <td align="center">Google. Simply the best Search Engine.</td>
    </tr>
</table>
Resultaat:

<table border="1" cellspacing="0" cellpadding="3" width="400"> <tr> <td align="center">[img]"http://62.108.27.230/junt/Zaait/gotlogo.gif"[/img]</td> <td align="center"> Gathering of Tweakers Webdesign and Graphics Forum.A Dutch site.</td> </tr> <tr> <td align="center">[img]"http://62.108.27.230/junt/Zaait/gfxlogo.gif"[/img]</td> <td align="center"> The Digital Art Community, GFXArtist.</td> </tr> <tr> <td align="center">[img]"http://62.108.27.230/junt/Zaait/googlelogo.gif"[/img]</td> <td align="center">Google. Simply the best Search Engine.</td> </tr></table>

(don't I just looooove my HTML rights )

het werkt dus niet, DAT is mijn probleem
dezelfde url, ik heb nu dit als load.js:

code:

      function loadlinks()
      {
      ViewData("<table id='linkstable'><tr><td align='center' height='1' width='1'><a target='_blank' href='http://gathering.tweakers.net/listtopics.php/13'>[img]'gotlogo.gif'[/img]</a></td><td><a target='_blank' href='http://gathering.tweakers.net/listtopics.php/13'>&nbsp;Gathering of Tweakers Webdesign and Graphics Forum.<br>A Dutch site.</a></td></tr><tr><td align='center' height='1' width='1'><a target='_blank' href='http://www.gfxartist.com'>[img]'gfxlogo.gif'></a></td><td><a[/img]&nbsp;The Digital Art Community, GFXArtist.</a></td></tr><tr><td align='center' height='1' width='1'><a target='_blank' href='http://www.google.com'>[img]'googlelogo.gif'[/img]</a></td><td><a target='_blank' href='http://www.google.com'>&nbsp;Google. Simply the best Search Engine.</a></td></tr><tr><td align='center' height='1' width='1'><a target='_blank' href='http://www.w3.org'>[img]'w3logo.gif'></a></td><td><a[/img]&nbsp;The World Wide Web Consortium.</a></td></tr><tr><td align='center' height='1' width='1'><a target='_blank' href='http://psworkshop.net'>[img]'pswlogo.gif'></a></td><td><a[/img]&nbsp;The Photoshop Workshop.</a></td></tr><tr><td align='center' height='1' width='1'><a target='_blank' href='http://www.abstractfonts.com/'>[img]'aflogo.gif'></a></td><td><a[/img]&nbsp;Abstract Font. 1200 Free Fonts.</a></td></tr><tr><td align='center' height='1' width='1'><a target='_blank' href='http://www.trainingtools.com/'>[img]'ttlogo.gif'[/img]</a></td><td><a target='_blank' href='http://www.trainingtools.com/'>&nbsp;TrainingTools.com.</a></td></tr><tr><td align='center' height='1' width='1'><a target='_blank' href='http://www.websuit.nl/~f00l/'>[img]'reslogo.gif'[/img]</a></td><td><a target='_blank' href='http://www.websuit.nl/~f00l/'>&nbsp;The Re |S|E|Q|U|E|N|C|E| Project.</a></td></tr></table>")
      }
      function loadslide()
      {
    ViewData("<center>[img]'a1/0t.jpg'[/img]<br><form name='slideForm'><input type='button' id='sf' value='<< First' onClick='f()'><input type='button' id='sf' value='< Previous' onClick='p()'><input type='button' id='sf' value='Next >' onClick='n()'><input type='button' id='sf' value='Last >>' onClick='l()'><p><select id='sf' name='archName' onChange='load()'><option selected>Archive1<option>Archive2</select><select id='sf' name='imgName' onChange='imgVD()'><option selected>DMC1<option>DMC2<option>DMC3<option>DOA1<option>DOA2<option>DOA3<option>MP1<option>JAD1<option>JAD2<option>MP2</select><p><input id='sf' type='button' value='View Full Screen' onClick='fs()'><p></form></center><br><br><div id='comments'>Comments1</div>")
      }
    function ViewData(user)
    {
    document.all['textje'].innerHTML = user;
    }

Geen resultaat...

donderdag 25 april 2002 19:57

Acties:

Verwijderd

Umm, misschien in de code "viewlinks" overal align="center" invoegen???

code:

function loadlinks()
      {
      ViewData("<table align="center" id='linkstable'
[...]

Voor de rest:
Je site is al aardig wat geworden!!
Nu nog in popup, en dan is ie echt :9~!

Edit:

En nog steeds EEN px zwart...Menu nog verder inkorten dus.
EN: Als je over home gaat komt er een px bij, ff de over image van home kleiner maken !

donderdag 25 april 2002 20:09

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 19:57 schreef slindenau het volgende:
Umm, misschien in de code "viewlinks" overal align="center" invoegen???
code:
1
2
3
4
function loadlinks()
      {
      ViewData("<table align="center" id='linkstable'
[...]
Voor de rest:
Je site is al aardig wat geworden!!
Nu nog in popup, en dan is ie echt :9~!

Edit:

En nog steeds EEN px zwart...Menu nog verder inkorten dus.
EN: Als je over home gaat komt er een px bij, ff de over image van home kleiner maken !

jah ik wilde hem al in een pop-up doen maar dar ben ik nog niet aan toegekomen...
over die zwarte px:
[topic=475458/2/25]

donderdag 25 april 2002 20:12

Acties:

Verwijderd

Topicstarter

Umm, misschien in de code "viewlinks" overal align="center" invoegen???
code:
--------------------------------------------------------------------------------
function loadlinks()
{
ViewData("<table align="center" id='linkstable'
[...]
--------------------------------------------------------------------------------

ja, dat had ik al geprobeerd maar het werkt niet

donderdag 25 april 2002 20:23

Acties:

Verwijderd

Oh, ok, jammer dan

Zet em dan niet een een js, maar gewoon is frames Bijv...

donderdag 25 april 2002 20:26

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 20:23 schreef slindenau het volgende:
Oh, ok, jammer dan
Zet em dan niet een een js, maar gewoon is frames Bijv...

hoe bedoel je in frames??
de hele page restylen in frames?
geen zin

oh ja, over de 1px bij de home rollover, het is gefixed

edit:

Ik heb al van alles geprobeert, anders zou ik het hier niet vragen!

donderdag 25 april 2002 20:58

Acties:

Copyman

Dode muis

Bedoel je dat je layout in het midden komt? of?

Dit gebruik ik om dingen te centreren:

code:

<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="middle" align="center">
..tekst/img whatever..
</td>
</tr>
</table>

Je moet dus wel aangeven ten opzichte van WAT hij middle en center moet staan. In dit geval dus een table IN een table...

Zeer belangrijke informatie: Inventaris

donderdag 25 april 2002 21:02

Acties:

Verwijderd

Topicstarter

ik heb dit al geprobeerd....

donderdag 25 april 2002 21:07

Acties:

Copyman

Dode muis

Op donderdag 25 april 2002 21:02 schreef Junt het volgende:
ik heb dit al geprobeerd....

Werkt bij mij gewoon...

Zeer belangrijke informatie: Inventaris

donderdag 25 april 2002 21:10

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 21:07 schreef Copyman het volgende:

[..]

Werkt bij mij gewoon...

volgens mij ligt het aan de 'conHTML' want in mijn page werkt het niet...
ik post anders ff mijn css, misschien ligt het daar aan:

code:

body,table,form,#textje,#linkstable
{
background-color: "#000000";
font-family: "Verdana,Arial,Helvecta";
color: "#FFFFFF";
font-size: 10px;
align: center;
border: 0px;
border-collapse: collapse;
vertical-align: top;
scrollbar-face-color:#000000;
scrollbar-arrow-color:#C0C0C0;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#C0C0C0;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
margin-left: 0px;
margin-top: 0px;
text-decoration: none;
overflow-y:auto;
height: 100%;
width: 100%;
}
img,td
{
border: 0px;
}
input,select
{
font-size: 10px;
font-family: "Verdana,Arial,Helvecta";
}

donderdag 25 april 2002 21:25

Acties:

Verwijderd

Topicstarter

Hier staat mijn site trouwens in een pop-up

donderdag 25 april 2002 21:49

Acties:

Verwijderd

Op donderdag 25 april 2002 21:25 schreef Junt het volgende:
Hier staat mijn site trouwens in een pop-up

Nice d00d

Maar wat ik bedoel met frames:
De links in een apart frame
Daaronder in ordinaire HTML de pagina's, zodat je ze kan centreren

donderdag 25 april 2002 22:20

Acties:

Verwijderd

Topicstarter

Op donderdag 25 april 2002 21:49 schreef slindenau het volgende:

[..]

Nice d00d
Maar wat ik bedoel met frames:
De links in een apart frame
Daaronder in ordinaire HTML de pagina's, zodat je ze kan centreren

... dat zal ik wel doen, als ik zin heb

na morgen 2 weken vrij van school, dus dan maak ik in die tijd wel zin

vrijdag 26 april 2002 09:50

Acties:

Verwijderd

Ja, ik ook 2 weken vrij...MAAR HELAAS: een van die 2 weken gaan we op vakantie...en we nemen alleen maar en 486 (notebook) mee

vrijdag 26 april 2002 11:42

Acties:

Verwijderd

Topicstarter

met modem

vrijdag 26 april 2002 20:18

Acties:

Destruction

(ex-)Automonteur

Ik centreer een pagina zo

code:

<body bgcolor="achtergrond*" width="780">
<center>
page, bladiebla enz.
</center>
</body>

Werkt prima hoor..

_{*achtergrondkleur naar keuze}

Ford Mondeo Wagon 2.0 16v '06 | Yamaha XJ900S Diversion '01 & Honda PS150i '07 | | Gravity is a myth, earth sucks.

vrijdag 26 april 2002 21:19

Acties:

Verwijderd

Topicstarter

Op vrijdag 26 april 2002 20:18 schreef Destruction het volgende:
Ik centreer een pagina zo
code:
1
2
3
4
5
<body bgcolor="achtergrond*" width="780">
<center>
page, bladiebla enz.
</center>
</body>
Werkt prima hoor..

_{*achtergrondkleur naar keuze}

hmm... mijn text staat nu in het midden, dit werkte alleen met center tags voor en na ieder textje, maar ik heb het zelfde gedaan met de images, maar het werkt niet voor de images!
ben ik nou achterlijk ofzo?!

vrijdag 26 april 2002 22:45

Acties:

Destruction

(ex-)Automonteur

Op vrijdag 26 april 2002 21:19 schreef Junt het volgende:

[..]

hmm... mijn text staat nu in het midden, dit werkte alleen met center tags voor en na ieder textje, maar ik heb het zelfde gedaan met de images, maar het werkt niet voor de images!
ben ik nou achterlijk ofzo?!

Werkt het mischien als je de text en het image (het, de, weet ik veel

) in dezelfde <center> tag doet?

Anders moet je mischien maar ff voor een image de <p align="center">[img]"plaatje"[/img]</p> doen ofzo..

_{die html cursus die ik een jaar geleden heb gevolgd, is geen slecht idee geweest..}

[edit]: Ik heb ff gekeken hoe ik dat heb gedaan bij mijn site en ik heb eem image in het midden met <p align="center">[img]"plaatje.ext"></p[/img]

Ford Mondeo Wagon 2.0 16v '06 | Yamaha XJ900S Diversion '01 & Honda PS150i '07 | | Gravity is a myth, earth sucks.

Pagina: 1

Reageer