FOK!forum / Digital Corner / Probleem met HTML uitlijnen plaatje
205_Lacostezaterdag 26 augustus 2006 @ 09:18
Een raar probleem. Ik heb een site die bestaat uit 3 kolommen (cols="*,800,*"). Het komt er op neer dat de site zelf in de middelste kolom opgebouwd wordt, en dat de zijkolommen zorgen voor een gradient lijntje van 6px om de overgang naar het wit aan beide kanten te maken.

Die gradient is een plaatje van 6px breed en 2px hoog. Aan de rechterzijde sluit dit plaatje helemaal op de kolom van 800px aan, aan de linkerkant echter niet. De marges zijn gezet op 0, maar ook dat helpt niet aan de linkerkant.

De code is nagenoeg gelijk, op het punt na dat de gradient voor de linkerrand helemaal tegen rechts aangelijnd moet zijn.

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
  <title>titelpagina</title>
</head>

<body style="margin: 0; padding: 0;">

<img src="content/sideleft.gif" height="100%" width="6" align="right">

</body>
</html>


Het plaatje blijft echter een aantal pixels van de rechterzijkant af. Zowel als je de hoofdframepagina laadt als wanneer je deze html file los start. Het probleem zit dus volgens mij in dit stukje code.

Ik heb de search gebruikt, maar kon verder niet het antwoord op deze vraag vinden.
Sadarzaterdag 26 augustus 2006 @ 12:50
Werk het ook niet als je specefiek de randen aangeeft?

1<body style="margin-top: 0; margin-left: 0;">


margin bestaat pas sinds IE 4 en FF 1. Dat is neem ik aan ook niet het probleem?
205_Lacostezondag 27 augustus 2006 @ 08:49
quote:
Op zaterdag 26 augustus 2006 12:50 schreef Sadar het volgende:
Werk het ook niet als je specefiek de randen aangeeft?
[ code verwijderd ]

margin bestaat pas sinds IE 4 en FF 1. Dat is neem ik aan ook niet het probleem?
Sorry voor de late reactie. Maar nee, dat is niet het probleem. Het doet zich ook voor in 6.
Ablazezondag 27 augustus 2006 @ 10:34
Misschien staat in je table de cellpadding, cellspacing of border niet op 0?
Dan houd je ruimte over aan de rechterkant.
205_Lacostezondag 27 augustus 2006 @ 11:17
quote:
Op zondag 27 augustus 2006 10:34 schreef Ablaze het volgende:
Misschien staat in je table de cellpadding, cellspacing of border niet op 0?
Dan houd je ruimte over aan de rechterkant.
Het staat niet in een tabel maar in een index.html die opgebouwd is uit frames. Zoals gezegd, de rechterzijkant lijnt wel uit tegen rest van de site. Alle marges en andere ruimtes staan op 0.
Blamezondag 27 augustus 2006 @ 12:11
text-align:right in de body zetten en align="right" uit de img halen.

(of text-align:right in een ander bovenliggend object plaatsen zoals een div)

alleen style="position:absolute; right:0%" toevoegen aan de img en align="right" uit de img halen kan ook, het is jouw feestje vandaag
205_Lacostezondag 27 augustus 2006 @ 12:21
Veel dank blame, je bent even de held van de dag voor me

Toch raar dat het aan de rechterzijde niet nodig is om het plaatje geheel links uitgelijnd te krijgen. Maar goed, het werkt nu!