Why not use tables for layout in HTML?
i know that using tables as layout is a big problem..Why don't professional web designers use tables for layout anymore? and what are the alternatives in CSS that i can use and will be the best alternative to tables??
I have inherited a web application that uses tables to layout the whole web application. This is a rather large web application and I would like to migrate it to using divs for layout instead of the current birds nest of tables.Does anyone have any good suggestions for the best way to migrate the web site to using divs (That would convince the boss that it's worth doing).This is a asp.net web application where most of the html is done through response.write.EditI have been working with the site for a while now and would have to say that even a site with a badly nested div layout would be better than using table layout.
View 1 RepliesI am common table layout return in pure html which has 4 columns
<table>
<colgroup span="1" width="20%"/>
<colgroup span="1" width="30%"/>
<colgroup span="1" width="20%"/>
<colgroup span="1" width="30%"/>
<tr>
<td colspan="3">
question data.......
</td>
<td colspan="1">
Answer data......
</td>
</tr>
<tr>
<td colspan="2">
question data.......
</td>
<td colspan="2">
Answer data......
</td>
</tr>
</table>
This layout should work fine with first row columns should have width of 70 and 30% resp
and second row should have width of 50 and 50 resp. But the output what i see different.
what could be the problem and how to fix it. I couple of solutions for it
1. defining width at column level will work
2. defining a blank row with four columns above or below.
We got a requirement to implment following structure of table (It's a sample; data source is dynamic). Notice that there are intermediate Total (sum) values for the month. If we have the data source (Date and Amount) besides Total, which is calculated out, generate this kind of table-style layout dynamitcally?
Date Amount
==========================
1 Nov 300
22 Nov 500
30 Nov 200
Total 1000
5 Dec 100
28 Dec 200
Total 300
I couldnt test the page in Safari, dont have a way to get around the cert error since its our dev server. Either way the page looks like crap on everything but IE.
I have 3 small tables on a page.. small as in 4 rows and 3 columns when viewed in the 3 browsers, the columns seem to push over to the left and fall under the first.. so when you view the page what should be 4 rows and 3 columns now looks like 7 rows.. that only way i can explain it.
I need to generate a table from a List(Of Students). My Student class has properties for AcademicYear, TeachingSet, Surname and Forenames, is sorted in that order and also properties for ID and start date. The table should nest TeachingSets within AcademicYears and then the students within the TeachingSets, as shown in the table I've mocked up at http://www.ifslearning.ac.uk/files/student-table.jpg
Using a repeater I get
08-10 students B74394 Mzejb Bsppn
08-10 students B74395 Lbuifsjof Bvti
08-10 students C68924 Epoob Cmpblf
08-10 students D41468 Ipxbse Dbwfz
But I need to have
08-10 students
- B74394 Mzejb Bsppn
- B74395 Lbuifsjof Bvti
- C68924 Epoob Cmpblf
- D41468 Ipxbse Dbwfz
This is bizarre and seems like a bug to me.Using a table in SSRS, I have a details row, with a parent group and finally a header row. For my header row, I am referencing a particular cell in the parent group.I am doing this so that i can have the header row repeat on each page of the group.his works fine when I'm not in Print Layout mode. However, when i switch to print layout mode, or print the report itself, the data that is presented on the screen is different then what is presented when not in print layout mode. WHAT THE F*!@!??
I've been battling this for a while now and i'm at my wits end. Has anyone else experienced different results from when you are in print layout mode as opposed to being in print layout mode?
That can be setup to display certain number of records per page and allow paging.
I have tried the repeater, but having issues with paging since its linked to a SQLDatasource.
I have done a search on "Paging Repeater" and all examples are setup with XML and other datasources and im not able to figure out how to modify that to work with my SQLDatasource.
You'll have to excuse my ignorance, I'm coming at this from a front-end perspective, and don't really know how to deal with data views in ASP.NET.
Basically, I'm trying to change the layout of some repeated data from a straight table, to something more design-heavy. It's the same data, just re-organised slightly. The current ASP.NET code looks like this:
[Code]....
However, I want to replace all of this, such that each 'row' of data renders like this:
[Code]....
How is this done? Can I just edit the code above, or would I need to do something more advanced in terms of not using a data grid and using some other control instead? Is it something that can be done in just a .aspx file or would it need to be done in C# and compiled?
How can I access the datalist at run time to create, a table layout but with the first cell having a rowspan of 2? Below is the HTML source code to demonstrate.
<table border="1">
<tr>
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</tr>
</table>
I am developing a CompositeDataBoundControl that is basically a 'table' inside a 'div', in order to limit the size of the Control and use the scrolling capabilities of the 'div' tag ('RenderBeginTag("div").
So essentially the control is;
<div style="overflow:auto;width:400px;height:300px;">
<table style="table-layout:fixed;">
[code]...
In my first MVC3 system, I have more than one menu which has different layout.
how we can have more than 1 layout in one MVC application?
I am new in web development and I am designing a web based application now a days. This is my semester project and as well as my first web application. So I have designed the home page using fixed layout taking my pc's 1600x900 resolutions under consideration.I have tested it in IE, Firefox, and Chrome. But I am getting a horizontal scrollbar. And I have come to know that use of fixed layout reduce the portability of web site. I need some information/web link and help on liquid layout. I am collecting images frovarious free template provider website for my web pages and also taking concepts from that.
View 6 RepliesResponse.Write(" alert('General Settings Updated Successfully');"); statement changes the layout of my webpage i want to keep the layout as it is..
View 1 RepliesThis is my layout template (ascx without code behind)
<%@ Control Language="C#" AutoEventWireup="true" Inherits="ws.helpers.LayoutUC" %>
<div>blah blah blah</div>
<ws:Panel runat="server" ID="left"></ws:Panel>
<ws:Panel runat="server" ID="main"></ws:Panel>
<ws:Panel runat="server" ID="right"></ws:Panel>
I have to develop a admin page in asp.net. For that I need a master page template which looks like admin panel, menu, CSS. I am seeking layout for admin panel I am not sure if this is the right place to ask this question. If it is not I request moderators to move this question to appropriate place.
View 2 Replieshow to change the layout of a web form. I have tried the Tools->Options ->HTML Designer -> CSS Styling ->Change positioning to absolute , but of no use.
View 1 RepliesNo matter what I set on the radiobuttonlist, it still renders are an unordered verticle list.
<asp:RadioButtonList runat="server" ID="myCtrl"
RepeatDirection="Horizontal" RepeatLayout="Flow" style="margin-bottom: 0px" >
< asp:ListItem Text="Add it!" Selected="False" />
< asp:ListItem Text="No, thank you." Selected="false" />
< /asp:RadioButtonList >
I need to create below layout using Div's. i should not use table to create this. also i need to do this with css and I have to use % for width and height. Any sample code. on the below image left border is missing. But I want that as well.
View 4 RepliesI have a page that has customer information. I have a requirement to be able to add multiple points of contacts to a contact, so I want to dynamically be able to add a block of label/text boxes with a save/delete button attached like so for each PoC:
How best to do this? I could put a div on the page with a runat="server" and add controls I guess? Not really sure how I lay them out that way correctly though.
my main intention is that, the exsisting table of sql server database(.dbo) with 1000's of records, that should be import to a new access database table(.mdb).for example if we want to had a new table in db2, of exsisting table in db1 with some conditions by using "select * into New_Tabel from (select * from Exsisting_Table where <Condition>) as objectName". Here the new table is created and records inserted in one execution in db2. The same work should be done for access(sqlserver db --> Access db).Here the new access database table with given name (as string_sysdate) must be created dynamically by clicking a button (multiples time creating new table).Is there any query or c# code for sql server database to access database.
View 2 RepliesI have the web page which will open the iframe window and then redirect to another iframe window.Then the layout happen. Some portions of the top including header can be seen in first iframe but not in second iframe.How can I set the layout seen to be the same as first iframe?
View 1 Replies we are working on a portal which will have multiple websites sites loaded in same container meaning there will be a
1)Top Header showing Portals name and currently loaded app's name
2)left hand side frame having menu which will list applications which are independent of one another.Each of these application is hosted on different servers sharing same DNS name for ex .
i) [URl]
ii) [URl]
3) Righ hand frame ::this is very individual applications pages will load with there own submenu.
Now top header and left hand side menu are common across the applications while the contents in right hand frame will application specific. How can I achieve this using master page ,without requiring indivdual application to have same master page copied in there virtual directory
I want to set print page setup as landscape by default .
View 1 RepliesI have a layout page (or master page) with MVC 3 and would like to make my views sort of content pages to this layout page, but alas I have no clue how to do this.
View 2 Replies