Hello,
Please pardon what is probably a dumb question, but if I have HTML like
this...
<div>
<h3>Ferrets</h3>
</div>
and CSS like this...
div {
height: 5em;
}
how do I get the <h3> centred vertically? I tried...
h3 {
margin: auto 0;
}
which worked fine in IE (implying that this is the wrong way to do it!),
but not in FF (implying that this is the wrong way to do it!).
Anyone any suggestion? TIA
--
Alan Silver
(anything added below this line is nothing to do with me) 4  5535 
Alan Silver wrote: <div>
<h3>Ferrets</h3>
</div>
and CSS like this...
div {
height: 5em;
}
how do I get the <h3> centred vertically? I tried...
h3 {
margin: auto 0;
}
which worked fine in IE (implying that this is the wrong way to do it!),
and that you IE probably was in Quirksmode,
but not in FF (implying that this is the wrong way to do it!).
:-)
Anyone any suggestion?
h3{
line-height:5em;
}
TIA
You're welcome :-)
--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/
Now playing: King Crimson - Indiscipline
In article <1h************ *************** ***@40tude.net> , Els
<el*********@ti scali.nl> writes
<snip> which worked fine in IE (implying that this is the wrong way to do it!),
and that you IE probably was in Quirksmode,
Actually not as it happens, the doctype was...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<snip> Anyone any suggestion?
h3{
line-height:5em;
}
Hmm, not sure it will work in my case as the text may not always be on
one line.
I have knocked up a small sample to show how it might look, so please
have a look at http://www.kidsinaction.org.uk/h3.html and tell me how
you would centre the <h3> vertically. TIA
You're welcome :-)
TIA again for any further help ;-)
--
Alan Silver
(anything added below this line is nothing to do with me)
Alan Silver wrote: which worked fine in IE (implying that this is the wrong way to do it!),
and that you IE probably was in Quirksmode,
Actually not as it happens, the doctype was...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
I can't reproduce it. Aren't you mistaking the natural top margin of
the h3 in IE for vertical centering?
<snip> Anyone any suggestion?
h3{
line-height:5em;
}
Hmm, not sure it will work in my case as the text may not always be on
one line.
I did double check the example you gave, and since it was one word...
Anyway, if the text might wrap, this method won't work indeed.
I have knocked up a small sample to show how it might look, so please
have a look at http://www.kidsinaction.org.uk/h3.html and tell me how
you would centre the <h3> vertically.
No idea, other than using a table cell.
--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/
Now playing: Pink Floyd - Fat Old Sun
In article <1u************ *************** *@40tude.net>, Els
<el*********@ti scali.nl> writes Alan Silver wrote:
<snip>I can't reproduce it. Aren't you mistaking the natural top margin of
the h3 in IE for vertical centering?
Could be, never thought of that.
<snip> I have knocked up a small sample to show how it might look, so please
have a look at http://www.kidsinaction.org.uk/h3.html and tell me how
you would centre the <h3> vertically.
No idea, other than using a table cell.
Oh well, thanks anyway. Ta ra
--
Alan Silver
(anything added below this line is nothing to do with me) This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics | |
by: Harlan Messinger |
last post by:
Different pages on a web site can vary in the level of header to which they
descend. One short page may have only <h1>, or <h1> and <h2>. Another,
detailed page, might get all the way down to <h6>.
Maybe the site's page also display common sidebars with their own
hierarchies, such as "In the News" block divided into two or three sections...
|
by: Ethan |
last post by:
I'm trying to set up a page with a header and 2 columns. I would like
to use <div>s rather than tables. The page is here...
http://64.142.13.246/style_testing_site/style_model2.htm
In both IE 6 and Mozilla 1.3.1 on Windows the two columns overlap a
little with the right column in front. I'd like them to touching but
not overlapping....
|
by: Chris Reigrut |
last post by:
I have a bunch of (old) pages that are outline-driven, and use the h1-h6
elements to define headings. Is there any way that I can create a stylesheet to
show them in an indented style? For instance, my HTML is:
<html>
<body>
<h1>Title Page</h1>
Some content, perhaps the intro.
<h2>Section 1</h2>
|
by: Speedy |
last post by:
I have the following html body implemented in a site. But as soon as I
added the <div> tag the <a> is not function any longer... Can someone
tell me why this is not working ?
Cheers Speedy
<body>
<div id="text">
<h2>faq</h2>
|
by: Joe |
last post by:
Hello,
The code below is an entire HTML page that has a problem when using a
<p> tag inside a CSS box (when running IE6). I was being a good boy
and I replaced my single-cell <table> elements with these CSS boxes.
However, I can't use <p> formatting within the a CSS box. The nested
paragraph jumps outside of the box. I've been told that...
| | |
by: Linda Jimerson |
last post by:
Hi - I'm using xhtml 1.0 and css 2.0 to code my website. I've run into an odd
problem. I have a simple <h3> element (centered) under my photo, but as you can see Iin FIREFOX, Opera and Netscape) the first word of my <h3> header is tossed to the right top of larger div. Can anyone help. It seems like this only happens when the first word is...
|
by: Dameon99 |
last post by:
HI, Im new to PHP completely but Im wanting to format the inputs for $order and $specialinstructions so that the /n of input is replaced with <br /> tags in the html. Ive heard about using nl2br() and Ive tried a rediculous number of things to try to make it work and use it properly from entries from many different forums. Can anyone please have a...
|
by: nathj |
last post by:
Hi All,
I'm working on a new site that has a two column layout underneath a title bar. If you check out:
http://www.christianleadership.org.uk/scratch/mainpage.php
using IE or Opera you will see what I am after as these browsers work fine.
However, in FF the results are slightly different - take a look and you'll see that the <p>, within...
|
by: Nike1984 |
last post by:
I'm fairly new to Javascript and it's more of a guessing game for me...
I'm trying to build an app for Google Maps and just had some issues recently.
First off I just wanted to say that everything works fine in FF and IE. It's Chrome I'm having issues with.
I understand that Chrome is still somewhat in beta stages, so some bugs might occur....
|
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...
|
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. ...
| | |
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...
|
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...
|
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...
|
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...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in...
|
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: 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...
| |
