login  Naam:   Wachtwoord: 
Registreer je!
 Forum

In photoshop gemaakte site centreren

Offline Xylonite - 02/09/2004 11:04
Avatar van XyloniteNieuw lid Ik heb in photoshop een site gemaakt (slices).
Nu lijnt hij hem standaard links uit dus dat heb ik op gecentreerd gezet, maar ik krijg met geen mogelijkheid hem ook vertikaal gecentreerd.
Iemand enig idee?

bvd

10 antwoorden

Gesponsorde links
Offline MadMike - 02/09/2004 11:08
Avatar van MadMike Lid zet gewoon in je html direct NA <body> <center>
En direct VOOR </body> </center>

Dus dan heb je dit
<body>
<center>

//je site

</center>
</body>
Offline Thijs - 02/09/2004 11:12
Avatar van Thijs Crew hosting jup
Offline Thomas - 02/09/2004 11:21 (laatste wijziging 02/09/2004 11:24)
Avatar van Thomas Moderator Daarmee centreer je hem niet verticaal.
Je zou je hele site in een tabel kunnen zetten, dan gaat dit wel.

Let er wel op dat het HEIGHT attribuut in een TABLE eigenlijk geen valid HTML is, dus dit moet je met behulp van CSS oplossen:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>bla</title>
  4. </head>
  5.  
  6. <body style="margin: 0; padding: 0;">
  7. <table style="height: 100%;" width="100%" border="0" cellspacing="0" cellpadding="0">
  8. <tr>
  9. <td style="height: 100%;" width="100%" align="center" valign="middle">
  10. <!-- je site hier -->
  11. </td>
  12. </tr>
  13. </table>
  14. </body>
  15. </html>


Of je doet hetzelfde maar dan met een <div>, dat zou ook moeten kunnen.
Offline CelestialCelebi - 02/09/2004 11:31
Avatar van CelestialCelebi PHP gevorderde En <center> moet IN <body> natuurlijk, niet er buiten.

Met een div kan dat volgens mij niet, FangorN, want vertical-align: middle; werkt alleen op td, th, enzo.
Offline Xylonite - 02/09/2004 11:45 (laatste wijziging 02/09/2004 11:49)
Avatar van Xylonite Nieuw lid opgelost

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <body> 
  2. <Style type="text/css">
  3. #voorpagina {
  4. position: absolute;
  5. width: 800px;
  6. height: 500px;
  7. margin-left: -400px;
  8. margin-top: -250px;
  9. top: 50%;
  10. left: 50%;
  11. } 
  12. </Style>
  13. <div id="voorpagina"> 
  14. </table> 
  15. </body>


thx voor de hulp
Offline Thijs - 02/09/2004 11:51
Avatar van Thijs Crew hosting @LesbialCeleb; <center> hoeft helemaal niet in de body hoor, helemaal niet nodig!
Offline twopeak - 02/09/2004 12:22
Avatar van twopeak Gouden medaille

PHP ver gevorderde		 <center> is toch deprecated, en tegenwoordig moet je dat met css en divs doen?
hetzelfde voor verticaal centreren!

Je moet maar eens kijken op http://www.w3c.org
en volgens mij is er iets met de box model om je pagina verticaal te centreren, ik ben op de site aan het zoeken maar ik kan het niet vinden. Het zou ergens iets moeten zijn met position.
CSS is toch moeilijk geworden! Ik herriner me de allereerste versie nog, waarbij niemand echt het nut begreep, en dit... pfffffffffff
Offline CelestialCelebi - 02/09/2004 12:42
Avatar van CelestialCelebi PHP gevorderde @extor: <center> kan niet buiten de body staan, want de werkelijke inhoud staat in body.. Dus ook center.

@twopeak: CSS rulet. Vééél overzichtelijkere source heb je nu.. Eerst zat je steeds zo te f*cken:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <font face="verdana" color="#000000" size="3">Hallo</font><b>Hoe gaat het?</b><font face="verdana" color="#000000" size="3">Hoi</font>
ofzo..

Nu is het gewoon:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style>
  2. span.txt
  3. {
  4.     font-family: verdana;
  5.     color: #000000;
  6.     font-size: 3px; /* moet eigenlijk in pt :x */
  7. }
  8. </style>
  9. <span class="txt">Hoi</span><b>Hoe is het?</b><span class="txt">Hallo</span>


Een hele hoop overbodige code weg dus. 
Offline twopeak - 02/09/2004 13:05
Avatar van twopeak Gouden medaille

PHP ver gevorderde		 hangt af hoe je het bekijkt, ik begin eraan te wennen, vroeger had je alle info op de plaats waar het nodig is, nu is het in een plaats gecentraliseerd
Offline ikki007 - 05/09/2004 18:56
Avatar van ikki007 Gouden medailleGouden medaille

PHP ver gevorderde		 Het is toch opgelost... waar gaan we op door 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.203s