legrooch [ MPO Squad Member ]
Pomocy z tabelką HTML potrzebuję...
Witam!
Czy mógłby mi ktoś pomóc z prostą tabelką HTML? Chodzi mi o odpowiednie ułożenie pól.
Mianowicie tak jak na screenie widać mam formularz.
Szare pola to textboxy do wprowadzania danych.
Czerwone to labele z nazwami pól.
Potrzebuję dokładnie takiego ułożenia textboxów w tabeli jak zaznaczyłem.
Zależy mi na:
a) Pole tekstowe, a następnie 100% szerokości dla każdego textboxa względem wolnego miejsca komórki
b) najbardziej zależy mi na elemencie e i f względem np. c i d (mam problemy z ustawieniem 100% przy użyciu colspanów)
Obecnie mam coś takiego:
<table>
<tr>
<td colspan="2">
<span id="Label3" style="color:Black;font-family:Verdana;font-size:8pt;">Niedostępność od</span>
<input name="txtOd" type="text" id="txtOd" style="width:129px;" /><br />
<span id="Label5">(RRRR-MM-DD HH:MM)</span><br />
</td>
<td>
<span id="Label4">Niedostępność do</span>
<input name="txtDo" type="text" id="txtDo" /><br />
<span id="Label8">(RRRR-MM-DD HH:MM)</span><br />
</td>
</tr>
<tr>
<td colspan="2">
<span id="Label6">Data ogłoszenia</span>
<input name="txtWpis" type="text" value="11/6/2006 9:11:57 AM" id="txtWpis" style="width:135px;"
/></td>
<td>
<span id="Label10">Ogłoszenie ważne do</span>
<input name="txtWaznosc" type="text" value="11/7/2006 9:11:57 AM" id="txtWaznosc" /></td>
</tr>
<tr>
<td valign="top">
<span id="Label7">Powód</span><br />
</td>
<td colspan="2">
<textarea name="txtPowod" rows="2" cols="20" id="txtPowod"
style="height:81px;width:531px;"></textarea>
</td>
</tr>
<tr>
<td colspan="3">
<span id="Label9">Autor</span>
<input name="txtAutor" type="text" value="K3\leszekg" id="txtAutor" style="width:200px;" /></td>
</tr>
<tr>
<td colspan="3">
<hr />
</td>
</tr>
</table>
chickenom [ ]
OKa już jest.
Nie lepiej w cssie zdefiniować klasy dla odpowiednich komórek?
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
i teraz .css
tablenp.border:0;
.pole1 dupa///i tak dalej dla poszczególnych komórek :)
Pozdrawiam
legrooch [ MPO Squad Member ]
To jest element czegoś większego, przez co muszę się trzymać tych wytycznych.
Nie mogę tu użyć czystego CSSa (a chciałbym).
Potrzebuję tylko poprawienia ustawień szerokości i ewentualnie odpowiednio dopasowanego colspanu.
Zobacz co jak wkleiłem... :>
Potrzebuję ustawić dla moich elementów szerokość
Mogłem się pomylić też w colspan.
Sprawdź, co Ci wyjdzie przy użyciu tego :>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
chickenom [ ]
Próbowałeś zmieniąc parametry width i height w komórkach?
legrooch [ MPO Squad Member ]
Potrzebuję pomocy kogoś, kto mi to poprawnie ustawi. Pół piątku ustawiałem width, height, colspan, oba celle itd....
diuk [ Generaďż˝ ]
legrooch -->
spróbuj tego (w stosownym miejscu):
<tr>
<td colspan="3" valign="top">
<span id="Label7">Powód</span><br />
<textarea name="txtPowod" rows="2" cols="20" id="txtPowod"
style="height:81px;width:531px;"></textarea>
</td>
</tr>
Działasz na TRZECH kolumnach :-)
chickenom [ ]
Spróbuj zamiast <span> dać <div style="margin:10px;"></div>. Ustaw tylko odp. wartość marginesu.
diuk -> valign="top" chyba tu nie pomoże, pole tekstowe ma być na środku...
diuk [ Generaďż˝ ]
chickenom --> nie chodzi o ten valign, tylko o uporządkowanie kolum, reszta to betka
legrooch [ MPO Squad Member ]
Pole tekstowe ma być maksymalnei do lewej, zajmując 100% szerokości utworzonej komórki.
Wydaje mi się, że już. Jednak 3 dni przerwy działają pozytywnie :)
Teraz jeszcze jedna sprawa - jak label, aby był wyświetlany w górnym lewym rogu tabeli OBOK textboxu?
Na obecną chwilę spada on na dół.
<tr style="width: 100%">
<td valign="top" colspan="2">
<asp:Label ID="Label7" runat="server" Text="Powód"></asp:Label>
<asp:TextBox ID="txtPowod" runat="server" Width="450px" Height="81px" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
diuk [ Generaďż˝ ]
legrooch -->
zrób jeszcze więcej kolumn - tak, aby każdy z obiektów (labelka, pole tekstowe) był w osobnej komórce.
Oczywiście wtedy dla tych wierszy, gdzie wizualnie jest jedno pole, musisz dać odpowiednio większego colspana (zawsze patrz na maksa).
Na czas kombinacji włącz sobie border - wtedy wszystko widać :-)
legrooch [ MPO Squad Member ]
diuk ==> Tak miałem. Jednak ciężko mi było dopasować kolumny pod ten fragment z dużym texboxem, na którym mi zależało.. :(
Czy nie znalazłby ktoś chwili i nie pomógł HTML-owej pierdole? :)
diuk [ Generaďż˝ ]
legrooch --> wystarczy, że dasz tam wtedy colspan="5" (bo dodasz dwie kolumny) :-)
chickenom [ ]
Przed textboksem daj jeszcze jedną komórkę:
Przykład na mojej własnej stronce:
<tr>
<td>Gadu-Gadu:</td>
<td><input style="background-image:url('images/login.jpg');border-width:0;width:78px;COLOR:#FFFFFF;font-family:verdana;font-size:8pt" type="text" name="gg" ></td>
</tr>
legrooch [ MPO Squad Member ]
Już wiem :)
Jak noob zacząłem się bawić frontpagem aby to ustawić :)
Dałem 10 kolumn, po 5 na pierwszy wiersz.
Pole tekstowe ważne dla mnie - odpowiednio 1 i 9 kolumn :)
diuk ==> Dzięki!
Robię formularz automatyzacji zgłoszeń heldeskowych do bazy SQL. Życzeniem jest, aby wyglądał identycznie jak Windows Application, w którym pracują teraz userzy. Chcą dodać wersję ASP.NET na serwerze, bo nie chce adminom się instalować klientów na każdą stację i ich konfigurować. Wolą dać dostęp przez WWW z jednego miejsca :)
Chickenom ==> Ani jeden twój post nie pomógł. Nawet zbytnio nie dotyczyły tematu (poza tagami <table><tr><td> które zawierały co najwyżej).
chickenom [ ]
Trudno, ważne że się starałem... Nie bardzo miałęm możliwosci aby Ci pomóc, nie jestem na swoim kompie i nie mam jak sprawdzić kod więc mogłem tylko diagnozować problem... A że się nie udało...
I na przyszłośc - nigdy nie rób nic w frontpage'u :P
diuk [ Generaďż˝ ]
legrooch --> popieram chickenoma - nie rób nic w FrontPage'u, taki np. Pajączek jest znacznie sympatyczniejszy :-)
A w ASP.NET masz jeszcze <asp:Table ...>, w którym style działają także dla tabeli i wiersza, a nie tylko dla komórki.
legrooch [ MPO Squad Member ]
nie rób nic w FrontPage'u, taki np. Pajączek jest znacznie sympatyczniejszy :-)
Do tabelek nie dostawia on śmieci, a mnie potrzebna była tylko wizja kodu/widoku w split :)
A w ASP.NET masz jeszcze <asp:Table ...>, w którym style działają także dla tabeli i wiersza, a nie tylko dla komórki.
Sztuką jest ustawić resztę, której używam. Tego niestety raczej pokazać nie mogę :)
Przy okazji chcę tą aplikację WEB odciążyć maksymalnie z kodu i zostawić w stopniu minimalnym kod.
diuk [ Generaďż˝ ]
legrooch --> coś czuję przez skórę, że "ręcznie" dziergasz to, co powinno być zrobione za pomocą <asp:GridView> i <asp:DetailsView> lub jakiejś kontrolki komercyjnej. Przy "ręczym" dzierganiu możesz mieć kłopot z podłączeniem do SQL-a.
legrooch [ MPO Squad Member ]
diuk ==> Spróbuj wydziargać w gridview obsługę wpisów bez użycia bazy, nie posługując się objectdatasource :) Trzeba to ręcznie machnąć :)
Zasadę mam taką:
fomularz-> gridview z możliwością edycji + zasileniem w tym trybie przez sparametryzowane dropdownlisty -> potwierdzenie wszystkiego -> SQL
Możliwość operacji na gridview zapewniona jak na normalnym połączeniu z SQL przy pomocy sqldatasource :)
Wiem, że innej metody na to nie ma - uwierz mi :)
diuk [ Generaďż˝ ]
legrooch --> w czasie testów możesz chyba też podłączyć XML-a o podobnej strukturze co SQL?
legrooch [ MPO Squad Member ]
w czasie testów - Tak :)
W środowisku korporacji nie :)
XMLdatasource odpadł również :)
A formatować dane do pamięci, płodzić XMLa, a następnie i tak go wczytywać to jeden pies. Wybrałem obiekt :)
Jeszcze tylko walidacja pól pod kątem formatów wpisywania daty i będzie git.
Następne będą raporty, statystyki itd... :/