Hi i was wondering what is the alternative for tables in html. I was told that using tables is not the ideal way, so what other alternative are there. I pressume you can use a CSS but how would i go about doing this.
Thanks if anyone can help
6 2236 nathj 938
Recognized Expert Contributor
Hi,
I'm not sure how to cross reference posts, but here's the answer I put on a different post earlier today:
CSS -
div.row
-
{
-
clear: both;
-
padding-top: 3px;
-
padding-bottom: 5px;
-
}
-
-
div.row span.label
-
{
-
padding-left: 10px;
-
padding-right: 0px;
-
float: left;
-
width: 100px;
-
text-align: right;
-
}
-
-
span.labelwarning
-
{
-
padding-left: 10px;
-
padding-right: 0px;
-
float: left;
-
width: 100px;
-
text-align: right;
-
color: #ff0000;
-
}
-
-
div.row span.formw
-
{
-
float: right;
-
width: 455px;
-
text-align: left;
-
}
-
-
HTML (for a dummy form that I am working on) -
<form id="personal" action="application.php?step=2" method="post">
-
<!--
-
Personal details
-
-->
-
<div class="row">
-
<h4 class="eventListItem">Personal Details </h4>
-
</div>
-
-
<div class="row">
-
<span class="labelwarning">
-
Title:
-
</span>
-
<span class="formw">
-
<input id="title" type="text" maxlength="15" size="47" />
-
</span>
-
</div>
-
-
<div class="row">
-
<span class="labelwarning">
-
Forename(s):
-
</span>
-
<span class="formw">
-
<input id="forename" type="text" maxlength="30" size="47" />
-
</span>
-
</div>
-
-
<div class="row">
-
<span class="labelwarning">
-
Surname:
-
</span>
-
<span class="formw">
-
<input id="surname" type="text" maxlength="30" size="47" />
-
</span>
-
</div>
-
-
<div class="row">
-
<span class="label">
-
Note:
-
</span>
-
<span class="formw">
-
<textarea id="note" cols="44" rows="8">
-
</textarea>
-
</span>
-
</div>
-
-
<div class="row">
-
<h4 class="eventListItem">Access Details </h4>
-
</div>
-
-
<div class="row">
-
<span class="labelwarning">
-
Username:
-
</span>
-
<span class="formw">
-
<input id="username" type="text" size="47" />
-
</span>
-
</div>
-
-
<div class="row">
-
<span class="labelwarning">
-
Password:
-
</span>
-
<span class="formw">
-
<input id="password" type="password" maxlength="18" size="47" />
-
(6-18 characters)
-
</span>
-
</div>
-
-
Don't worry about the <h4> class, this is simply a style issue for my site. I can't show it to you in operation as it's still under development and as such is only on the local network.
Have fun playing around with this.
Nathan
Hi,
I don't know who told you that tables are not the best way. I really don't know if a best way exists. My opinion is to learn from the best...and there I go and look at Google.com or gmail.com and I see that it's all designed using tables...I think I shouldn't comment any further...but to make your layout tableless you can use CSS but be careful since many features will look different in different browsers...try to keep up to CSS 1 and some CSS 2
Good luck
Tables were originally created for data presentation and should only be used for that now. At one time, tables were used for page layout because it was the only reliable means available in the early days of the web. Nowadays, CSS is the best way to layout pages.
Generally, the only problems you may encounter with using CSS is with IE. If you follow standards, however, and test in a modern browser, such as Firefox or Opera, your problems will be minimal.
MMcCarthy 14,534
Recognized Expert Moderator MVP
I'm not sure how to cross reference posts, but here's the answer I put on a different post earlier today:
Hi Nathan,
Just enclose the link in url tags, it should create a hyperlink
i.e. [url=http://www.urlhere] to open and close with backslash url in square brackets.
This should work.
Mary
nomad 664
Recognized Expert Contributor
I quess I still from the old school and I need to learn more css2...
nathj 938
Recognized Expert Contributor
Hi Taftheman,
Have you got you system running now? This topic has provided some good discussion. Ultimately any layout can and should be done with CSS. The idea of keeping the presentation separate from the content is pure genius and it is making my life easier.
Let me know how you got on.
nathj
ps taftheman - from Wales?
Sign in to post your reply or Sign up for a free account.
Similar topics |
by: Tammy |
last post by:
What would be a good alternative to using frames? I need something
that will section my webpage into two halves and can change both
frames on a single click.
Thanks in Advance,
Tammy
|
by: Mark |
last post by:
I am looking for a switchboard creator alternative for my MDB.
Can anyone help me?
Thanks for your help,
Mark
|
by: google |
last post by:
I have a database with four table. In one of the tables, I use about
five lookup fields to get populate their dropdown list. I have read
that lookup fields are really bad and may cause problems that are hard
to find. The main problem I am having right now is that I have a report
that is sorted by one of these lookup fields and it only displays the
record's ID number. When I add the source table to the query it makes
several records...
|
by: Russell |
last post by:
Hi,
I've been reading a lot about not using lookups in tables lately.
Thus far, what I've been able to understand from my reading is this:
- Do not use lookup fields in tables because they hide what's really
stored (e.g. 'Joe Bloggs' is displayed, '4' is stored as the ID)
- Instead, use combo boxes on forms, taking their values from tables or
queries.
|
by: Thilaka |
last post by:
Hi guys,
I want to know if there's an alternative to stored procedures.
Ie, when updating certain tables of SQL server, i would like to update a few
other tables with vaules retrieving
from some VB.Net methods or properties?
(Because I don't think i can access the currently exposed VB.Net objects
from the SQL stored procedures).
--
| |
by: Pamela via AccessMonster.com |
last post by:
Hi All;
I work for a company which is currently utlizing MS Access on a shared drive
where people from all over the country access. Because all are wishing to
view a single database maintained solely by us (in Florida), each region
cannot have their own individual database on their local servers (otherwise
we would have to update several databases as opposed to one central database).
We have tried splitting the database, but it is still...
|
by: Shilpa |
last post by:
Hi All,
I want to pass XML and the data in the XML should be stored in the
tables of the database. However, I do not want to use the OpenXML
statement. Please let me know.
Regards, Shilpa
|
by: rizwaaan |
last post by:
i just got a challenge questions to produce the same results without using
tables in a google page
the link is http://news.google.com/nwshp?hl=en&tab=wn&q=
please can someone help me out...what could be alternative to tables in HTML/CSS
please its urgent
|
by: beary |
last post by:
I was using a backup script I found which had
$tables = mysql_list_tables($database);
for($i = 0; $i < mysql_num_rows($tables); $i++)
{
$table = mysql_tablename ($tables, $i);
...rest of code
It worked perfectly. However, I only want to backup particular tables. So thinking that mysql_list_tables won't let me choose certain tables, I tried using
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |