vertical-align - HTML / CSS

pieter blomme

I'm making a site about Java(programmin g language). The problem is
that I worked with layers(div). I wanted to make a title in 1 of
these layers and ceter this vertically. But this doesn't look to
work.
This is how I did it:

<html>
<head>
<title>De programmeertaal Java</title>
<style>
h1 {font-size:50; font-family:Times New Roman; text-align:center;}
</style>
</head>
<body>
<div id="logo" style="position :absolute; visibility:inhe rit;
width:250px; height:250px;
left:5; top:5; z-index:4;
background-image:url('logo _background.png ')">
<img src="javalogo.p ng"></img>
</div>

<div id="header" style="position :absolute; visibility:inhe rit;
width:740px; height:200px;
left:255; top:5; z-index:2;
background-image:url('head er_background.p ng')">
<h1>De programmeertaal Java</h1>
</div>

</body>
</html>

Somebody has got an idea?

Thanks,
Blomme Thomas

Jul 21 '05 #1

Subscribe Reply

6499

David Dorward

pieter blomme wrote:

The problem is that I worked with layers(div). I wanted to make a title
in 1 of these layers and ceter this vertically. But this doesn't look to
work.
Your technique appears to be based on guesswork as to what font size the
text will end up as. You can't know this for sure, so its bound to fail.

The simple way is:

#container { display: table-cell; vertical-align: middle; }

.... but Internet Explorer doesn't support this. If you can afford to have
your style ignored by that overly common user-agent, then that's the way to
go about it. Otherwise, you're rather stuck.
h1 {font-size:50; font-family:Times New Roman; text-align:center;}
You need to validate your CSS. 50 what? You should probably read
http://css-discuss.incutio.com/?page=FontSize too.
left:5; top:5; z-index:4;
More syntax errors
<img src="javalogo.p ng"></img>

The alt attribute is required, the </img> tag violates the HTML
compatability guidelines.

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Jul 21 '05 #2

Lauri Raittila

in comp.infosystem s.www.authoring.stylesheets, pieter blomme wrote:

ce[n]ter this vertically

http://www.student.oulu.fi/~laurirai/www/css/middle/

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.

Jul 21 '05 #3

"pieter blomme" <bl**********@h otmail.com> wrote in message
news:5f******** *************** ***@posting.goo gle.com...

I'm making a site about Java(programmin g language). The problem is
that I worked with layers(div). I wanted to make a title in 1 of
these layers and ceter this vertically. But this doesn't look to
work.
This is how I did it:

<html>
<head>
<title>De programmeertaal Java</title>
<style>
h1 {font-size:50; font-family:Times New Roman; text-align:center;}
</style>
</head>
<body>
<div id="logo" style="position :absolute; visibility:inhe rit;
width:250px; height:250px;
left:5; top:5; z-index:4;
background-image:url('logo _background.png ')">
<img src="javalogo.p ng"></img>
</div>

<div id="header" style="position :absolute; visibility:inhe rit;
width:740px; height:200px;
left:255; top:5; z-index:2;
background-image:url('head er_background.p ng')">
<h1>De programmeertaal Java</h1>
</div>

</body>
</html>

Somebody has got an idea?

Thanks,
Blomme Thomas

In the following I moved h1 into the div named logo, I also got rid of the
50 in the h1 style, you didn't specify the units and it looked too big to
fit in the div without wrapping. See below:
Good Luck,
me

<html>
<head>
<title>De programmeertaal Java</title>
<style>
h1 {font-family:"Times New Roman"; text-align:center;}
</style>
</head>
<body>
<div id="logo" style="position :absolute; visibility:inhe rit;
width:250px; height:250px;
left:5; top:5; z-index:4;
background-image:url('logo _background.png ')">
<img src="javalogo.p ng"><img>
<h1>De programmeertaal Java</h1></div>

<div id="header" style="position :absolute; visibility:inhe rit;
width:740px; height:200px;
left:255; top:5; z-index:2;
background-image:url('head er_background.p ng')"> </div>

</body>
</html>

Jul 21 '05 #4

"me" <anonymous@_.co m> wrote in message
news:11******** ****@corp.super news.com...

"pieter blomme" <bl**********@h otmail.com> wrote in message
news:5f******** *************** ***@posting.goo gle.com...
I'm making a site about Java(programmin g language). The problem is
that I worked with layers(div). I wanted to make a title in 1 of
these layers and ceter this vertically. But this doesn't look to
work.
This is how I did it:

<html>
<head>
<title>De programmeertaal Java</title>
<style>
h1 {font-size:50; font-family:Times New Roman; text-align:center;}
</style>
</head>
<body>
<div id="logo" style="position :absolute; visibility:inhe rit;
width:250px; height:250px;
left:5; top:5; z-index:4;
background-image:url('logo _background.png ')">
<img src="javalogo.p ng"></img>
</div>

<div id="header" style="position :absolute; visibility:inhe rit;
width:740px; height:200px;
left:255; top:5; z-index:2;
background-image:url('head er_background.p ng')">
<h1>De programmeertaal Java</h1>
</div>

</body>
</html>

Somebody has got an idea?

Thanks,
Blomme Thomas

In the following I moved h1 into the div named logo, I also got rid of the
50 in the h1 style, you didn't specify the units and it looked too big to
fit in the div without wrapping. See below:
Good Luck,
me

<html>
<head>
<title>De programmeertaal Java</title>
<style>
h1 {font-family:"Times New Roman"; text-align:center;}
</style>
</head>
<body>
<div id="logo" style="position :absolute; visibility:inhe rit;
width:250px; height:250px;
left:5; top:5; z-index:4;
background-image:url('logo _background.png ')">
<img src="javalogo.p ng"><img>
<h1>De programmeertaal Java</h1></div>

<div id="header" style="position :absolute; visibility:inhe rit;
width:740px; height:200px;
left:255; top:5; z-index:2;
background-image:url('head er_background.p ng')"> </div>

</body>
</html>

My mistake, I centered it horizontally. If I'm to have any chance of fixing
this I need to see the whole page, post URL please.
Signed,
me

Jul 21 '05 #5

Similar topics

2937

Labels 11 Vertical Issue

by: John Baker | last post by:

Hi: I have a user who has labels that are set up 3 across and 11 vertical (which is unusual at best), and he wants me to print names and addresses on them. I have already set up for labels 10 vertical and 3 across (Avery 5160)which are another standard the user has, but can't find any in the setup for labels that show 11 vertical. I am therefore using the Avery 5160 as a start, and modifying the top and bottom margins (the margins on the...

Microsoft Access / VBA

1645

Can't manage to get text to be Vertical

by: GiladP1 | last post by:

Hi, I am trying to create a vertical label or a vertical text box by useing their 'Vertical' property. But the text just disapears. I can manage to get right-to-left text to be vertical but English letters don't work. I am using Access 2003 on Windows XP. I tried using 2k format or 2003 format and both didn't work. Can anybody help? Thanks

Microsoft Access / VBA

2646

Can you put vertical text in a textbox/richtextbox

by: James Dean | last post by:

Can you make vertical text in a richtextbox or is there any way around this like make the string vertical outside the textbox then try to paste it in that way into the textbox?.... *** Sent via Devdex http://www.devdex.com *** Don't just participate in USENET...get rewarded for it!

C# / C Sharp

15632

vertical Scroll Bar with CheckBoxList in ASP.NET

by: bienwell | last post by:

Hi, I'm using the CheckBoxList control in ASP.NET for Web development. This checkboxlist is bound by the database. If we have more items for this checkbox list, it takes space on the page. I want to have vertical scroll bar (like CheckedListBox in Window development) to save space. Can we do that in ASP.NET ? Please give me your suggestions ? Thanks in advance.

ASP.NET

1118

vertical Lines indicating character-position in DataGrid

by: DraguVaso | last post by:

Hi, I'm having a DataGrid on which I want to draw 2 moveable vertical lines. What should happen is: When I move a vertical line, I have somewhere an indication on which character in the datagrid it is put. So if I place a vertical line between the 10th and 11th character in the rows in my datagrid I want to have somewhere next to the vertical line the number "10". Anybody knows how to do this easily?

Visual Basic .NET

10060

Any way to flip a Vertical Alignment label?

by: Rico | last post by:

I have label that I need to be vertical. The problem is that when I select "Vertical=yes" the label reads from top to bottom rather than bottom to top (which i need). Can this be done? Any help would be great. Thanks!

Microsoft Access / VBA

4604

show Clock and Vertical label

by: Avi G | last post by:

Hi, i work with VS 2005 and i need to know how to put the windows time(Clock) on my label that it is on the form that i will see the full time include the second as they move, and i need to know how to make a label with text on him to vertical state and not the horizontal normal state. Thanks

C# / C Sharp

2044

Problem in Displaying vertical scroll bar

by: akm | last post by:

I am facing an issue with the vertical scroll bar. Actually i am using data grid to display the data in my tables, and also i am using the same view form to diplay the data for different tables. When i display the data in table1 it shows all the data with the vertical scroll bar but when i display Table1 again after displaying the Table2 which have just one row of data and hence no vertical scroll bar, the vertical scroll bar of the table1 also...

.NET Framework

5165

What good are vertical tab and form feed for ?

by: Spiros Bousbouras | last post by:

The fact that vertical tab and form feed exist both in the basic source character set and the basic execution character set suggests to me that there is a class of display devices where vertical tab and form feed produce a predictable and consistent (among different devices) behaviour. So what are these devices and what is the behaviour ? For old printers , form feed presumably moves to the next page but vertical tab is a mystery to me.

C / C++

13743

DataGridView - Vertical ScrollBar Help Needed

by: Tom | last post by:

First, I posted a similar request for help in another group and now don't find the posting. Problem with my newsreader perhaps ... but apologies if this appears as a cross posting. My code is inconsistent in the detection of a vertical scrollbar. This involves situations when less than the client area is needed to hold the small amount of data. The inconsistency is when adjusting the panel size within or just below the bottom row....

C# / C Sharp

9563

What is ONU?

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...

General

9386

Changing the language in Windows 10

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,...

Windows Server

10145

Problem With Comparison Operator <=> in G++

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...

C / C++

9998

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

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...

Online Marketing

9938

The easy way to turn off automatic updates for Windows 10/11

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,...

Windows Server

9822

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

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...

General

8822

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

5270

Trying to create a lan-to-lan vpn between two differents networks

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 the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

3917

transfer the data from one system to another through ip address

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

C# / C Sharp