How to hide something using css??

=?iso-8859-2?Q?Pawe=B3?= · Apr 8, 2004

I have a following piece of code:
<html>
<head>
</head>
<body>
123
456
789
</body>
</html>

What I get in browser is:
123
<blank space>
789
What I would like to obtain is:
123
789

I simply don't want the browser to render anything.
Any ideas??

brucie · Apr 8, 2004

in post: <

123
456
789

What I get in browser is:
123
<blank space>
789
What I would like to obtain is:
123
789

p{margin:0;}

Steve Pugh · Apr 8, 2004

Pawe³ said:
I have a following piece of code:

123
456
789

What I get in browser is:
123
<blank space>
789
What I would like to obtain is:
123
789

Caused by the default margins on the elements.

If you had
123
789
it would render exactly the same.

p {margin: 0;}

Steve

Spartanicus · Apr 8, 2004

Pawe³ said:
I have a following piece of code:
<html>
<head>
</head>
<body>
123
456
789
</body>
</html>

What I get in browser is:
123
<blank space>
789
What I would like to obtain is:
123
789

Richard · Apr 8, 2004

Pawe³ said:
I have a following piece of code:
<html>
<head>
</head>
<body>
123
456
789
</body>
</html>

What I get in browser is:
123
<blank space>
789
What I would like to obtain is:
123
789

I simply don't want the browser to render anything.
Any ideas??

The inherently inserts a blank line. It is equivelant to .
Why do you have display:none then insert text?
If you want no blank lines between use:
123
 
789

kchayka · Apr 8, 2004

Richard said:
The inherently inserts a blank line. It is equivelant to .

No, it is not. is paragraph markup, which has semantic meaning.
<URL:http://dictionary.reference.com/search?q=paragraph>
The blank line is the default margin all browsers put around paragraph
markup.

 has no semantic meaning, it is just a line break. UA's may also
strip out extra white space, so only one of those breaks may actually
render. This can create a serious readability problem.

 !=

KirstyH · Apr 8, 2004

Richard said:
Why do you have display:none then insert text?

I use
 | 
between links in my navigation list[1,2]. Thus when the page is viewed
without CSS I get

Link1 | Link2 | ... | LinkN

[1] Actually I use a class identifier and an external stylesheet
[2] Perhaps a <UL> would be more appropiate but then I need to go
through contortions to stop it appearing as a list when CSS _is_ enabled.

Kirsty

Ramen Junkie · Apr 8, 2004

kchayka said:
No, it is not. is paragraph markup, which has semantic meaning.
<URL:http://dictionary.reference.com/search?q=paragraph>
The blank line is the default margin all browsers put around paragraph
markup.

 has no semantic meaning, it is just a line break. UA's may also
strip out extra white space, so only one of those breaks may actually
render. This can create a serious readability problem.

 !=

I avoid having the browser strip out my consecutive s with &nbsp.

For example.

123 
&nbsp 
567

Toby A Inkster · Apr 9, 2004

KirstyH said:
[2] Perhaps a <UL> would be more appropiate but then I need to go
through contortions to stop it appearing as a list when CSS _is_ enabled.

Not difficult.

ul#nav { margin:0; padding:0; list-style:none }
ul#nav li { margin:0; padding:0 1em; display:inline }

See also:
http://www.goddamn.co.uk/tobyink/Documents/html_tutorial/css-rollovers.html

KirstyH · Apr 9, 2004

Toby said:
KirstyH wrote:

[2] Perhaps a <UL> would be more appropiate but then I need to go
through contortions to stop it appearing as a list when CSS _is_ enabled.

Click to expand...

Not difficult.

ul#nav { margin:0; padding:0; list-style:none }
ul#nav li { margin:0; padding:0 1em; display:inline }

I could have sworn I'd tried that and it didn't work! Thank-you. But
now of course I need display: none; for the "skip the links" ;-)

Kirsty

Karl Groves · Apr 9, 2004

KirstyH said:
Toby said:

KirstyH wrote:

[2] Perhaps a <UL> would be more appropiate but then I need to go
through contortions to stop it appearing as a list when CSS _is_

Click to expand...

enabled.

Not difficult.

ul#nav { margin:0; padding:0; list-style:none }
ul#nav li { margin:0; padding:0 1em; display:inline }

Click to expand...

I could have sworn I'd tried that and it didn't work! Thank-you. But
now of course I need display: none; for the "skip the links" ;-)

No, do not use display:none for a skip link
http://simon.incutio.com/archive/2003/09/13/screenReaders

Karl

KirstyH · Apr 12, 2004

Karl said:
No, do not use display:none for a skip link
http://simon.incutio.com/archive/2003/09/13/screenReaders

Ah. The RealWorld bites again. I'll use the suggestion on that website
instead.

Kirsty

Stuck with html and css	25	Dec 14, 2022
Help with some CSS	2	Mar 29, 2023
Something in my CSS block isn't being followed	1	Apr 27, 2026
Problems with css menu options	2	Nov 19, 2025
How to save JSON Data to a file using fetch() api?	2	Apr 28, 2022
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
Using CSS ID Tags to	2	Apr 21, 2020
How to discover a CSS Selector name?	8	Sep 12, 2023

How to hide something using css??

=?iso-8859-2?Q?Pawe=B3?=

brucie

Steve Pugh

Spartanicus

Richard

kchayka

KirstyH

Ramen Junkie

Toby A Inkster

KirstyH

Karl Groves

KirstyH

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads