[HTML / CSS]witte ruimte tussen plaatjes *

[Selachii]

Ik heb een ASP Datalist. De repeaterdirection staat op vertical, maar de items sluiten niet op elkaar aan. Er zit iedere keer een witte ruimte tussen van een aantal pixels. Ik gebruik plaatjes als knoppen in deze datalist.

Zodra ik hem op horizontal zet, zitten er geen ruimtes in de breedte tussen de items!

Het lijkt me dat het mogelijk is om dit aan te laten sluiten, maar ik kan niet vinden welke property/attribuut, dit zou moeten zijn.

code:

<asp:datalist id="Navigation" style="Z-INDEX: 107; LEFT: 144px; POSITION: absolute; TOP: 232px"
                runat="server" EnableViewState="False" CellPadding="0" CellSpacing="0" GridLines="None" Height="144px">
                <ItemTemplate>
                    [img]"mijn_knop.gif">
                </ItemTemplate>
        </asp:datalist[/img]

[gorgi_19]

Laat de relevante geparsde HTML eens zien?

[ Voor 14% gewijzigd door gorgi_19 op 10-09-2004 10:49 ]

[Selachii]

zo komt het er letterlijk uitrollen, kheb alleen de bestand en plaat-namen gewijzigd

code:

<table id="mijn_id" cellspacing="0" cellpadding="0" border="0" style="border-width:1px;border-style:Solid;border-collapse:collapse;Z-INDEX: 107; LEFT: 15px; POSITION: absolute; TOP: 200px">
    <tr>
        <td>
        [img]"plaatje1.gif">
    </td>
    </tr><tr>
        <td>
        <a[/img][img]"plaatje2.gif"[/img]</a>
    </td>
    </tr><tr>
        <td>
        <a href='mijn_pagina2.aspx?Navindex=2'>[img]"plaatje4.gif"[/img]</a>
    </td>
    </tr>
</table>

[gorgi_19]

Ik denk dat je er meer aan hebt om even met de CSS te gaan stoeien en dat het probleem niet bij de ASP.Net in eerste instantie ligt. Eerst een goede HTML + CSS pagina genereren; ASP.Net is een tweede. Dat eerste gaat mis, vandaar een schop naar Webdesign & Graphics + titelchange.

>> Webdesign & Graphics

[Selachii]

welke style attributen zal ik hiervoor dan aan moeten spreken?
box margins?

[JayVee]

Ik denk dat het geen CSS probleem is. Verwijder eens alle whitespace rond de plaatjes. Zo dus:

HTML:

<td><img></td>

Voortan ff testen in FireFox of Opera. Dan zie je snel of het een bug in IE is of je code fouten heeft.

[Selachii]

De td's worden gegenereerd, dus ik kan het helaas niet zo zetten

Het is echter wel de oplossing

Het is gelukt door de ASP code zo neer te zetten:

code:

<ItemTemplate>[img]"plaatje.gif"></ItemTemplate[/img]

Dit had ik eerder ookal geprobeerd, maar de 'automatische code opruimer' van Visual Studio .NET zet dit dan weer onder elkaar waardoor de whitespaces onststaan.
Door het in 1 regel te zetten en 'saven' voordat naar 'design' gekeken wordt, laat hij het zo staan en blijven de spaced ruimtes weg!

Bedankt allen, het was dus toch een ASP-achtig probleem wat invloed had op de opmaak

[ Voor 27% gewijzigd door Selachii op 10-09-2004 12:14 ]

[JayVee]

De opmaak is prima. Probeer het maar in een andere browser.
IE kan het alleen niet aan. Wel grappig dat een MS product de code zo maakt dat een ander het niet kan lezen. Met Frontpage was het juist altijd andersom! (browser specifieke tags gebruiken etc).

[gorgi_19]

Bedankt allen, het was dus toch een ASP-achtig probleem wat invloed had op de opmaak

Neuh, dat VS.Net een ontzettend brakke en waardeloze HTML-editor heeft, wil niet zeggen dat het probleem aan ASP.Net ligt. Die rendert de boel conform specificaties.
TD's e.d. kan je aanpassen; ItemTemplate heeft afaik ook een ItemStyle- en CSSClass property oid wat je aan kan passen.