Hello,
I have 20 inputs in a web page and I would like to add a 200px gray
horizontal line as a separator every 5 inputs to divide the form into
sections.
What is the best way to do this?
Do I need to place each group of 5 inputs inside a div and define the
div bottom border to 1px?
Thanks,
Miguel 6 13025
shapper wrote on 22 feb 2007 in comp.infosystem s. www.authoring.stylesheets:
Hello,
I have 20 inputs in a web page and I would like to add a 200px gray
200px wide?
horizontal line as a separator every 5 inputs to divide the form into
sections.
What is the best way to do this?
No, in programming and mark-up, there is no "best" way,
as programming is an art.
Do I need to place each group of 5 inputs inside a div and define the
div bottom border to 1px?
<style type='text/css'>
..hrGray {color:gray;wid th:200px;}
</style>
<hr class='hrGray'>
....
<hr class='hrGray'>
....
<hr class='hrGray'>
.......
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Scripsit shapper:
I have 20 inputs in a web page and I would like to add a 200px gray
horizontal line as a separator every 5 inputs to divide the form into
sections.
That would look odd if the font size is, say, 60px, which might be the
smallest font size that the user can read.
Did you intend to try to lock the font size? Well, you can't, but you can do
some harm trying to do it.
So make the width something more flexible, like 100% (why not?).
What is the best way to do this?
Does it make sense to do this? If the lines would not correspond to any
_logical_ grouping, it might be just a distraction.
Assuming it makes sense, using <hr width="100%"wit h
hr { color: gray; background: gray; }
is one option. The benefit is that the line appears even when CSS is off.
Do I need to place each group of 5 inputs inside a div and define the
div bottom border to 1px?
That might be a more feasible option, though it might be argued that it's
logically a <fieldsetrath er than <div>, but <fiedsethas an obligatory
<legendand some idiosyncratic rendering features, so I reluctantly say
that <divis more practical.
--
Jukka K. Korpela ("Yucca") http://www.cs.tut.fi/~jkorpela/
On 22 Feb, 13:00, "Jukka K. Korpela" <jkorp...@cs.tu t.fiwrote:
I have 20 inputs in a web page and I would like to add a 200px gray
horizontal line as a separator every 5 inputs to divide the form into
sections.
That would look odd if the font size is, say, 60px, which might be the
smallest font size that the user can read.
Why would it "look odd" ? It would be the same 200px grey rule that
the users with 12px text would see. Of course you'd now find fewer
characters alongside it, but that's in no way "odd".
Scripsit Andy Dingley:
On 22 Feb, 13:00, "Jukka K. Korpela" <jkorp...@cs.tu t.fiwrote:
>>I have 20 inputs in a web page and I would like to add a 200px gray horizontal line as a separator every 5 inputs to divide the form into sections.
That would look odd if the font size is, say, 60px, which might be the smallest font size that the user can read.
Why would it "look odd" ? It would be the same 200px grey rule that
the users with 12px text would see.
That's why it would look odd.
Of course you'd now find fewer
characters alongside it, but that's in no way "odd".
The line would look riculously small. Try it and you'll see.
--
Jukka K. Korpela ("Yucca") http://www.cs.tut.fi/~jkorpela/
In article
<11************ **********@l53g 2000cwa.googleg roups.com>,
"Andy Dingley" <di*****@codesm iths.comwrote:
On 22 Feb, 13:00, "Jukka K. Korpela" <jkorp...@cs.tu t.fiwrote:
I have 20 inputs in a web page and I would like to add a 200px gray
horizontal line as a separator every 5 inputs to divide the form into
sections.
That would look odd if the font size is, say, 60px, which might be the
smallest font size that the user can read.
Why would it "look odd" ? It would be the same 200px grey rule that
the users with 12px text would see. Of course you'd now find fewer
characters alongside it, but that's in no way "odd".
Two giants, almost completely happily married, drive from their
house (a converted two story block of flats) in their sedan (a
converted furniture long distance removalist truck) to the
adoption agency. They are shown a nice little fellow. "Yes, he is
very cute... but it would look a bit odd... haven't you got any
giant kids for adoption please?" "But why?" says the counsellor,
"he is just a normal kid like most other kids, no one would bat
an eyelid seeing you all out together..."
--
dorayme
Jukka K. Korpela wrote...
>Assuming it makes sense, using <hr width="100%"wit h hr { color: gray; background: gray; } is one option.
Hello Jukka,
Out of interest, would the following also work?
<hrwith
hr {border: 1px solid gray; width: 100%; }
Apart from the width being included in the definition, is there any
difference in the way this would be implemented?
--
Martin Clark This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Bernd Kuegle |
last post by:
Hi!
How is it possible to reduce the space between a pargraph and a horizontal
line (top and bottom). It doesn´t look so good if there is the default
space.
Thanks
Bernd
|
by: Peter Mount |
last post by:
Hi
When I zoom into my site (http://www.petermount.au.com) with Opera 7.54
the horizontal scrollbar doesn't show when the site image is bigger than
my screen. Yet the horizontal scrollbar shows in print preview and when
I turn css off in Opera. Could it be a problem with my css? The code is:
html{
padding-top: 0;
padding-bottom: 0;
|
by: Dan V. |
last post by:
Why is there a large space before the background image (horizontal orange
line under top NAV horizontal CSS list buttons) in Internet Expolorer 6
only?
http://www.officeactivate.com/fish
Thanks,
|
by: Steve Teeples |
last post by:
I have created a context menu within a treeview with several items. I want
to separate them with a horizontal bar but can't find a way to do this. I've
only seen a vertical bar with a break feature. Does anyone have any
suggestions on how to get a horizontal bar within a ContextMenu?
Thanks.
|
by: Marco Liedekerken |
last post by:
Hi,
I want a Horizontal scrollbar to appear in my Panel control when I add new
controls to it (when the width is getting too big).
The Vertical scrollbar is easy (adding overflow: auto to the style attribute
of the panel element).
Now when I dynamicly add controls to the Panel control the controls are
getting places at the next line (I did not add a <br>) instead of at the
same line (the horizontal scrollbar should appear now).
I...
| |
by: Tina |
last post by:
Am I missing something or does the listbox web control not have a horizontal
scroll capability?
Thanks,
T
|
by: Sakharam Phapale |
last post by:
Hi All,
I have installed VS .NET 2002 on my machine.
I have checked both Vertical scrollbar and Horizontal Scrollbar options, in
Tools ->
Options->
Text Editor->
General->
Vertical Scrollbar
Horizontal Scrollbar
|
by: Csaba Gabor |
last post by:
I have a table that sizes to take up most of the page's width. The
(mostly empty) rightmost cell of a particular row starts off as wide as
it can, but it might be that it gets something that exceeds its initial
width, such as a long web address. In this case, I would like the
horizontal overflow to be active. However, it seems that if I affix
the style overflow-x:auto, then IE6 will cover the bottom line (of the
text) with the...
|
by: pbd22 |
last post by:
Hi.
I am trying to make a horizontal list that counts (downward) and
a horizontal list that illustrates the time. Both list should be
formatted the same (except for the nomenclature). I seem to
be successful with the y axis but, in my horizontal list (time),
I can't seem to get it to scroll successfully.
Below is the link, thanks:
|
by: laredotornado |
last post by:
Hi,
Maybe I should break down and use tables, but I wanted to query the
experts first. Below, I would like the words "First name" and "Last
Name" to appear on the same horizontal and I would like the text
fields to appear on the same horizontal. But I would like the words
to appear above the text fields. The below creates four different
lines:
<div>
|
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:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
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: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
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.
|
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |