Archief - HTML / ASP.NET: Once again

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
E

El Pietrovich

Legacy Member
In mijn vorige post de vraag hoe ik een bepaalde layout kon maken. Als antwoord kreeg ik met tabellen, dus zo heb ik het ook gedaan.
Maar, probleem met de weergave.
IE toont het correct (prolly not, maar ik bedoel zoals ik het wil) en FF niet.
Bij deze een screenshot:
www.kleinveloken.be/tabelIE.jpg
www.kleinveloken.be/tabelFF.jpg

Source code: (als de opmaak ietswat leesbaar zal zijn/blijven)

Code: 
<table width="90%" cellpadding="0" cellspacing="0" border="1">
	<tr>
		<td height="20" colspan="8" align="left" width="100%">Activities</td>
	</tr>
	<tr>
		<td align="left" width="50%">Day</td>
		<td width="7%" align="center"><asp:Label ID="l_ad1" Text="Mon" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_ad2" Text="Tue" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_ad3" Text="Wed" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_ad4" Text="Thu" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_ad5" Text="Fri" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_ad6" Text="Sat" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_ad7" Text="Sun" runat="server" width="7%"/></td>
	</tr>
	<tr>
	  <td align="left" width="50%"><asp:Label ID="l_a_date" runat="server"/></td>
		<td width="7%" align="center"><asp:Label ID="l_a_day1" Text="1" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_a_day2" Text="2" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_a_day3" Text="3" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_a_day4" Text="4" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_a_day5" Text="5" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_a_day6" Text="6" runat="server" width="7%"/></td>
		<td width="7%" align="center"><asp:Label ID="l_a_day7" Text="12" runat="server" width="7%"/></td>
	</tr>
	<tr>
		<td width="50%" align="left">Project: <asp:Label ID="l_a_project" Text="Fortis Bank" runat="server"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_1_1" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_1_2" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_1_3" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_1_4" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_1_5" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_1_6" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_1_7" runat="server" Text="00:00" width="90%"/></td>
	</tr>
	<tr>
		<td width="50%" align="left">Education/training</td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_2_1" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_2_2" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_2_3" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_2_4" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_2_5" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_2_6" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_2_7" runat="server" Text="00:00" width="90%"/></td>
	</tr>
	<tr>
		<td width="50%" align="left">Other activities</td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_3_1" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_3_2" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_3_3" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_3_4" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_3_5" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_3_6" runat="server" Text="00:00" width="90%"/></td>
		<td width="7%" align="center"><asp:TextBox ID="t_a_3_7" runat="server" Text="00:00" width="90%"/></td>
	</tr>
	<tr>
		<td width="50%" align="left">Totals</td>
		<td width="7%" align="center"><asp:label ID="l_a_4_1" runat="server" width="90%"/></td>
		<td width="7%" align="center"><asp:label ID="l_a_4_2" runat="server" width="90%"/></td>
		<td width="7%" align="center"><asp:label ID="l_a_4_3" runat="server" width="90%"/></td>
		<td width="7%" align="center"><asp:label ID="l_a_4_4" runat="server" width="90%"/></td>
		<td width="7%" align="center"><asp:label ID="l_a_4_5" runat="server" width="90%"/></td>
		<td width="7%" align="center"><asp:label ID="l_a_4_6" runat="server" width="90%"/></td>
		<td width="7%" align="center"><asp:label ID="l_a_4_7" runat="server" width="90%"/></td>
	</tr>
</table>

Petankt! ;)
B

BloodSeaker

Legacy Member
ken niks van asp.net voorlopig, maar ik zie wel da uw percentage nie tot 100% komen, maar slechts tot 99

Ma of da het nu is weet ik nie. Pak anders eens een vaste breedte in pixels voor de eerste kolom
E

El Pietrovich

Legacy Member
BloodSeaker zei:
ken niks van asp.net voorlopig, maar ik zie wel da uw percentage nie tot 100% komen, maar slechts tot 99

Ma of da het nu is weet ik nie. Pak anders eens een vaste breedte in pixels voor de eerste kolom
Klik om te vergroten...

Done that...verandert niks.
En heeft denk ik ni veel te maken met asp.net...denk ik.
Denk eerder een bepaalde standaard dat ge moet gebruiken die ik niet ken, maar dat IE misbruikt zodat het wel getoond wordt zoals het moet.
E

El Pietrovich

Legacy Member
Blijkbaar toch niks te maken met een bepaalde standaard ofzo.
Want als ik geen asp.net webcontrols gebruik en de page gewoon als html opsla, dan blijft de layout van de tabel wel behouden, ook in FireFox.
Nu weet ik het zeker nimeer... :cry:
D

DarkBone

Legacy Member
Het zou veel intressanter zijn om de output van je ASP.NET pagina te tonen. Zo zien we ook welke code ASP.NET zelf genereert (span's, javascript, etc...).
E

El Pietrovich

Legacy Member
Idd, geen slecht idee.
Maar eigenlijk verandert er niet veel.
Ziehier de code:

Code: 
<table width="90%" cellpadding="0" cellspacing="0" border="1">
	<tr>

		<td height="20" colspan="8" align="left" width="100%" class="donkergridheader">Activities</td>
	</tr>
	<tr class="lichtgrid">
		<td align="left" width="50%">Day</td>
		<td width="7%" align="center">	<span id="_ctl4_l_ad1">Mon</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_ad2">Tue</span></td>

		<td width="7%" align="center"><span id="_ctl4_l_ad3">Wed</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_ad4">Thu</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_ad5">Fri</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_ad6">Sat</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_ad7">Sun</span></td>
	</tr>

	<tr height="40">
	  <td align="left" width="50%"><span id="_ctl4_l_a_date">June, 2004 (week 12)</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_day1">1</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_day2">2</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_day3">3</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_day4">4</span></td>

		<td width="7%" align="center"><span id="_ctl4_l_a_day5">5</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_day6">6</span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_day7">12</span></td>
	</tr>
	<tr>
		<td width="50%" align="left" class="lichtgrid">Project: <span id="_ctl4_l_a_project">Fortis              </span></td>

		<td width="7%" align="center"><input name="_ctl4:t_a_1_1" type="text" value="00:00" id="_ctl4_t_a_1_1" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_1_2" type="text" value="00:00" id="_ctl4_t_a_1_2" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_1_3" type="text" value="00:00" id="_ctl4_t_a_1_3" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_1_4" type="text" value="00:00" id="_ctl4_t_a_1_4" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_1_5" type="text" value="00:00" id="_ctl4_t_a_1_5" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_1_6" type="text" value="00:00" id="_ctl4_t_a_1_6" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_1_7" type="text" value="00:00" id="_ctl4_t_a_1_7" /></td>
	</tr>
	<tr>

		<td width="50%" align="left" class="lichtgrid">Education/training</td>
		<td width="7%" align="center"><input name="_ctl4:t_a_2_1" type="text" value="00:00" id="_ctl4_t_a_2_1" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_2_2" type="text" value="00:00" id="_ctl4_t_a_2_2" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_2_3" type="text" value="00:00" id="_ctl4_t_a_2_3" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_2_4" type="text" value="00:00" id="_ctl4_t_a_2_4" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_2_5" type="text" value="00:00" id="_ctl4_t_a_2_5" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_2_6" type="text" value="00:00" id="_ctl4_t_a_2_6" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_2_7" type="text" value="00:00" id="_ctl4_t_a_2_7" /></td>

	</tr>
	<tr>
		<td width="50%" align="left" class="lichtgrid">Other activities</td>
		<td width="7%" align="center"><input name="_ctl4:t_a_3_1" type="text" value="00:00" id="_ctl4_t_a_3_1" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_3_2" type="text" value="00:00" id="_ctl4_t_a_3_2" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_3_3" type="text" value="00:00" id="_ctl4_t_a_3_3" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_3_4" type="text" value="00:00" id="_ctl4_t_a_3_4" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_3_5" type="text" value="00:00" id="_ctl4_t_a_3_5" /></td>

		<td width="7%" align="center"><input name="_ctl4:t_a_3_6" type="text" value="00:00" id="_ctl4_t_a_3_6" /></td>
		<td width="7%" align="center"><input name="_ctl4:t_a_3_7" type="text" value="00:00" id="_ctl4_t_a_3_7" /></td>
	</tr>
	<tr height="30">
		<td width="50%" align="left" class="lichtgrid">Totals</td>
		<td width="7%" align="center"><span id="_ctl4_l_a_4_1"></span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_4_2"></span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_4_3"></span></td>

		<td width="7%" align="center"><span id="_ctl4_l_a_4_4"></span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_4_5"></span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_4_6"></span></td>
		<td width="7%" align="center"><span id="_ctl4_l_a_4_7"></span></td>
	</tr>
</table>
E

El Pietrovich

Legacy Member
DarkBone, ge zijt te goed :bow: :bow:

Kheb het nl gevonden.
Kheb gezien dat de property width van een asp user control niet geparsed wordt als ge het opent met firefox.
Bij IE was dat wel het geval.
Opgelost door voor iedere asp user control style="width:...%" te gebruiken, en dan werd het wel geparsed.
Merci merci!

Moest er iemand ooit temaken gehad hebben met hetzelfde probleem of iemand die het gewoon wil voorkomen in de toekomst en ge hebt mijnen uitleg hier ni al te goe begrepen (wa heel goe kan), laat een berichtje en dan zal ik het zo goe mogelijk proberen uitleggen wa het nu just was.
L

LunchBox

Legacy Member
best ook even loops bekijken, want een mens zou zich haast afvragen waarom je werkelijk asp.net aan't gebruiken bent.

als je dit bekijkt:
Code: 
<td width="7%" align="center"><asp:Label ID="l_ad1" Text="Mon" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad2" Text="Tue" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad3" Text="Wed" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad4" Text="Thu" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad5" Text="Fri" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad6" Text="Sat" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad7" Text="Sun" runat="server" width="7%"/></td>
dan zijn er slechts twee verschillen; de dag en het id nummer - koud kunstje dus om daar een loop voor te maken. verder zijn er componenten als een datagrid die veel meer functionaliteit bieden dan zelf je tables op te stellen. (auto sorting, input velden, ...)
D

DarkBone

Legacy Member
Voila, dat heeft mij al heel wat verder geholpen.
Geef uw tekstboxen een vaste breedte mee. FireFox neemt nu de standaardbreedte, vandaar dat die kolommen zo breed zijn, namelijk omdat die textboxen zo'n breedte hebben. Zorg dus dat hun size bijvoorbeeld gelijk is aan 4 en dan werkt het perfect!

Opm: gebruik dus SIZE voor je textboxen en GEEN width!! (zoals je nu doet). ASP.NET controleert namelijk NIET de attributen die jij extra meegeeft. Width herkent de browser niet als zijnde een attribuut van <input> en dus houdt hij er geen rekening meer. Size zal echter wel herkend worden. (de waarde van size geeft het aantal karakters weer die zichtbaar zijnin de textbox)

*edit*
lol, ik zie nu pas dat ge het zelf al gevonden had, maar zoals ge zegt, width wordt inderdaad niet geparsed, want het is GEEN GELDIG ATTRIBUUT! Het wordt wel gewoon doorgelaten door ASP.NET, want alles wat hij niet herkent, gooit hij weer naar buiten als GARBAGE (op dat vlak was ik daarnet verkeerd).
Volstrekt normaal gedrag dus!
E

El Pietrovich

Legacy Member
LunchBox zei:
best ook even loops bekijken, want een mens zou zich haast afvragen waarom je werkelijk asp.net aan't gebruiken bent.

als je dit bekijkt:
Code: 
<td width="7%" align="center"><asp:Label ID="l_ad1" Text="Mon" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad2" Text="Tue" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad3" Text="Wed" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad4" Text="Thu" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad5" Text="Fri" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad6" Text="Sat" runat="server" width="7%"/></td>
<td width="7%" align="center"><asp:Label ID="l_ad7" Text="Sun" runat="server" width="7%"/></td>
dan zijn er slechts twee verschillen; de dag en het id nummer - koud kunstje dus om daar een loop voor te maken. verder zijn er componenten als een datagrid die veel meer functionaliteit bieden dan zelf je tables op te stellen. (auto sorting, input velden, ...)
Klik om te vergroten...


Merci Lunchbox, ben die datagrid nu aant bekijken. Daar zat ik namelijk nog ni in den boek :)
Ivm da loopke, da was ik nog van plan, die dagen moeten nl berekent worden adhv selectie op ne kalender.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan