Web Development Discussion Boards

about element styling

Ali Al Omairi(Abu AlHassan)27-Mar-11 8:24

Ali Al Omairi(Abu AlHassan)

27-Mar-11 8:24

guys, what do you think about this;

CSS

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
{margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;	direction:rtl;}

Help people,so poeple can help you.

Re: about element styling

Richard MacCutchan27-Mar-11 9:18

Richard MacCutchan

27-Mar-11 9:18

Lots of words! Come on try and give people a clue.

d@nish[^] has the answer.

Re: about element styling

Keith Barrow27-Mar-11 10:15

Keith Barrow

27-Mar-11 10:15

*{

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	direction:rtl;
}

????????

depends what you are trying to do of course: I'd name the font. The font-size is meaninless too, it fundamentally says keep the font at the current size. I also think the vertical-align is unecessary.

Sort of a cross between Lawrence of Arabia and Dilbert.[^]
-Or-
A Dead ringer for Kate Winslett[^]

Re: about element styling

Dalek Dave28-Mar-11 6:05

Dalek Dave

28-Mar-11 6:05

What do I think?

I think it is clumsy and inelegant.
Define it in the CSS page as a named style, adopt a neater, clearer presentation, and try not to clutter it.

Someone may have to follow you later, and one look at this will not help them, and will make them think you are a terrible developer.

Inelegant code is a bugger to maintain, so keep it simple.

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

CCC Link[^]
Trolls[^]

Re: about element styling

Pete O'Hanlon28-Mar-11 6:44

Pete O'Hanlon

28-Mar-11 6:44

As others have said, it's too much. What you have, in effect, attempted to do is to add a universal selector here; and there's already inbuilt functionality for this in the * tag.

I'm not a stalker, I just know things. Oh by the way, you're out of milk.

Forgive your enemies - it messes with their heads

My blog | My articles | MoXAML PowerToys | Onyx

Message Removed

28-Mar-11 7:45

User 1716492

28-Mar-11 7:45

Message Removed

modified 1-Aug-19 21:02pm.

Re: about element styling

Ali Al Omairi(Abu AlHassan)29-Mar-11 2:39

Ali Al Omairi(Abu AlHassan)

29-Mar-11 2:39

Thank you, sir;

100 Rose | [Rose]

Help people,so poeple can help you.

Re: about element styling

musefan29-Mar-11 2:29

musefan

29-Mar-11 2:29

What do I think??? I think I just laughed myself into a coma! Laugh | :laugh:

I may or may not be responsible for my own actions

Re: about element styling

Ali Al Omairi(Abu AlHassan)29-Mar-11 2:36

Ali Al Omairi(Abu AlHassan)

29-Mar-11 2:36

exactly !!

Help people,so poeple can help you.

About Form Design

Ali Al Omairi(Abu AlHassan)27-Mar-11 0:34

Ali Al Omairi(Abu AlHassan)

27-Mar-11 0:34

guys, i used to use tables and divs to design forms, but i have received a design that use a list to arrange controls on the form

my question is; what is better for an html form a Table or a List?

Thank you;

Help people,so poeple can help you.

Re: About Form Design

JP_Rocks27-Mar-11 0:54

JP_Rocks

27-Mar-11 0:54

List is definitely better and faster than table.

Go by W3c thumb rule,

5.3: "Do not use tables for layout unless the table makes sense when linearized. Otherwise, if the table does not make sense, provide an alternative equivalent (which may be a linearized version). [Priority 2]".
5.4: "If a table is used for layout, do not use any structural markup for the purpose of visual formatting. [Priority 2]".

Re: About Form Design

Ali Al Omairi(Abu AlHassan)27-Mar-11 2:18

Ali Al Omairi(Abu AlHassan)

27-Mar-11 2:18

Thank you;

100 Rose | [Rose]

Help people,so poeple can help you.

Re: About Form Design

Keith Barrow27-Mar-11 0:58

Keith Barrow

27-Mar-11 0:58

There are two schools of thought on this:

School 1 is that tables are OK for styling, and it is possible to style this was. I don't do this.

School 2 [the one I belong to] is that you should never use tables for formatting as it loses the flexibility for formatting. Additionally (possibly more importantly) the html tags have a symantic meaning, tables are for tabular data. This reaps other benefits too: a well designed page can be ordered so a screen reader (for the partially sighted/blind) reads in the logical order which isn't always the same as the visual order. I almost (read 99.99%) never put any styling inline in the HTML, I do it all through CSS. See CSS Zen Garden[^] for examples. For each design the only thing that is different is the stylesheet.

IMO you should use the tags for their intended symantic purpose, others do have a different point of view.

Sort of a cross between Lawrence of Arabia and Dilbert.[^]
-Or-
A Dead ringer for Kate Winslett[^]

Re: About Form Design

Ali Al Omairi(Abu AlHassan)27-Mar-11 2:16

Ali Al Omairi(Abu AlHassan)

27-Mar-11 2:16

Thank you for this informations.

hundred of roses;

Help people,so poeple can help you.

Re: About Form Design

Ali Al Omairi(Abu AlHassan)28-Mar-11 0:24

Ali Al Omairi(Abu AlHassan)

28-Mar-11 0:24

Ma'am;

I have built a tree witch each node is rendered to a table, just like the code below:

html"

<table>
<tr>
<!-- tds to hold lines and +/- img -->
...
<td>
Node Value
</td>
</tr>
</table>

Should I change it to something else?

Help people,so poeple can help you.

Re: About Form Design

Keith Barrow28-Mar-11 1:24

Keith Barrow

28-Mar-11 1:24

Ali Al Omairi(Abu AlHassan) wrote:
Ma'am;

That is Sir to you, unless you mean floated Smile | :)

. I may be dead ringer for Kate Winslet (see my signature), but in reality I am a whacking great chap, which is why I found the Kate Winslet thing funny as I'm about as far removed from her as you can get (or I would be if I grew a beard)! In any case, please call me Keith or Abu Adam.

Anyhoo in response to your question, no I wouldn't do it that way: I'd put them into nested divs, something like:

<div id="tree">
  <div>
    <div>
    </div>
    <div>
    </div>
  </div>
  <div>
    <div>
    </div>
  </div>
</div>

Then you can do something like :

div #tree
{
   //root styling here
}

div #tree > div
{
   //1st level styling here
}

div #tree > div > div
{
   //2nd level styling here
}

The actual styling depends on what you want to do, this might not be the most efficient.
One further thing I'd like to suggest before you procede: take a look at the tutorials here: http://www.w3schools.com/[^] especially "Learn HTML" and "Learn CSS". I get my student to go through these as an introduction to our "Web Programming" course.

Sort of a cross between Lawrence of Arabia and Dilbert.[^]
-Or-
A Dead ringer for Kate Winslett[^]

Re: About Form Design

Ali Al Omairi(Abu AlHassan)28-Mar-11 1:46

Ali Al Omairi(Abu AlHassan)

28-Mar-11 1:46

I am very sorry, Mr. Abu Adam;

over my head, sir;

Help people,so poeple can help you.

Re: About Form Design

Keith Barrow28-Mar-11 2:16

Keith Barrow

28-Mar-11 2:16

No problem, an easy mistake to make (except in person Laugh | :laugh:

) my name isn't very common.

Sort of a cross between Lawrence of Arabia and Dilbert.[^]
-Or-
A Dead ringer for Kate Winslett[^]

Re: About Form Design

User 171649228-Mar-11 2:26

User 1716492

28-Mar-11 2:26

You may find some of these resources helpful ...

http://cis2.stvincent.edu/martincc/introwpd/preface.htm[^]

http://net.tutsplus.com/category/tutorials/html-css-techniques/[^]

http://www.the-web-book.com/[^]

modified 1-Aug-19 21:02pm.

Re: About Form Design

Dalek Dave27-Mar-11 7:17

Dalek Dave

27-Mar-11 7:17

Generally, Tables are outmoded and are frowned upon.
DIVs for design and better to use a list in a DIV than a Table.

(Also DIVs have CSS capabilities so are more manipulatable for presentation purposes.

------------------------------------

I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave

CCC Link[^]
Trolls[^]

Re: About Form Design

Ali Al Omairi(Abu AlHassan)27-Mar-11 8:25

Ali Al Omairi(Abu AlHassan)

27-Mar-11 8:25

Thank you, Sir;

Help people,so poeple can help you.

Re: About Form Design

Keith Barrow28-Mar-11 1:28

Keith Barrow

28-Mar-11 1:28

One big thing (given the OP's location) is that divs are much better for RTL (or the wrong way round as I insist upon calling it to her indoors Smile | :)

) and for switching in bilingual sites that need LTR <--> RTL.

Sort of a cross between Lawrence of Arabia and Dilbert.[^]
-Or-
A Dead ringer for Kate Winslett[^]

Unable to perform simple upload from simple HTML page

Branislav Vidovic25-Mar-11 1:25

Branislav Vidovic

25-Mar-11 1:25

Hello guys!

I am trying to achieve a simple upload of a file and a text parameter from a html form. The html page is deployed on jboss 4.2.3.GA (but the result is the same even if you put it anywhere outside the server, etc. on your C drive). My POST request always seems to be empty. I am executing request in Firefox 4.0 browser. Here is the web page:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Testing</title>
</head>
<body>
	<h1>Use the form to call webservice</h1>
	<form action="http://localhost:8080/mobileEmailService/service/OEV" method="post" enctype="multipart/form-data">
		Picture: <input type="file" name="img"/><br />
		Name: <input type="text" name="name"/><br />
		<input type="submit" value="Submit" />
	</form>
</body>
</html>

I am using HttpFox utility in Firefox to examine my request. The POST data always seems to be empty so the parameters in the servlet are also empty. If i change the enctype="multipart/form-data" to enctype="application/x-www-form-urlencoded" then i can get all parameters, but they are only strings. For name parameter this is ok, but for file i just get the file name string and that is not ok Wink | ;)

I need a file.
So does anyone has idea how is this accomplished?
I am using jboss RESTeasy web service to read the request. But jboss resteasy webservices are just servlets in my opinion. But any way, the data does not even get into the request. So that is the main problem. The client does not even send it.

Re: Unable to perform simple upload from simple HTML page

Gerben Jongerius25-Mar-11 2:01

Gerben Jongerius

25-Mar-11 2:01

I don't know exactly what the plugin you use does with the post data, but remember that a multipart/form-data POST just puts everything in the body of the request sent to the server. So it is possible the plugin you use just doesn't understand this type of form submit.

I just verified using Fiddler and the POST data should be visible just fine as long as you look at the RAW data being sent to the server.

mail addresses in html pages...

Joan M24-Mar-11 9:57

Joan M

24-Mar-11 9:57

Hello all,

I'd like to know what do you do in order to prevent the customer to receive 10K thousands of spam mails each day.

Do you put their mail address in the contact page?
If you do so, is there any magic trick that would prevent spam bots to find the e-mail addresses?
Any other idea?

PS: I've read that article[^] and I've found quite interesting in this terms, but I'd like to know (from experienced Green Alien | [Alien]

pians) if those methods work or not.

Thank you in advance! Thumbs Up | :thumbsup:

[www.tamelectromecanica.com] Robots, CNC and PLC machines for grinding and polishing.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.