473,651 Members | 2,917 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Vertical alignment of text inside a div?

Dear NG-Readers,

It's me again on my long road to perfection. I would like to center
the copy text between the two large arrows vertically when there is
not enough text to fill "copy"-div. It should then look like here:
http://tomasio.at/temp/Us_Templ_copy.jpg

In the moment I just managed with help from Neredbojias to achieve
this behaviour: http://tomasio.at/temp/Us_Templ_copy.html.
The regarding stylesheet resides here:
http://tomasio.at/temp/stylesheet3.css.

Can anybody give me a clue how to get the text vertically centered?
--
kind regards,
tomasio
"describing an issue reveals the way to solve it"
Jun 27 '06 #1
4 3502
On Tue, 27 Jun 2006 12:43:17 +0200, tomasio <da****@jan.e t> wrote:
Dear NG-Readers,

It's me again on my long road to perfection. I would like to center
the copy text between the two large arrows vertically when there is
not enough text to fill "copy"-div. It should then look like here:
http://tomasio.at/temp/Us_Templ_copy.jpg

In the moment I just managed with help from Neredbojias to achieve
this behaviour: http://tomasio.at/temp/Us_Templ_copy.html.
The regarding stylesheet resides here:
http://tomasio.at/temp/stylesheet3.css.

Can anybody give me a clue how to get the text vertically centered?


Is there nobody here who can give me a hint? I put a more simplified
example online so you don't have to wade through too much code. Any
help will be appreciated.

Jun 28 '06 #2
tomasio <fr*********@bl ed.de> schrieb:
Is there nobody here who can give me a hint? I put a more simplified
example online so you don't have to wade through too much code. Any
help will be appreciated.


I forgot to post the URL: http://tomasio.at/temp/vertical_center.html
and the according stylesheet: http://tomasio.at/temp/stylesheet3.css
--
kind regards,
tomasio
"describing an issue reveals the way to solve it"
Jun 28 '06 #3
tomasio <da****@jan.e t> wrote:
tomasio <fr*********@bl ed.de> schrieb:
Is there nobody here who can give me a hint? I put a more simplified
example online so you don't have to wade through too much code. Any
help will be appreciated.


I forgot to post the URL: http://tomasio.at/temp/vertical_center.html
and the according stylesheet: http://tomasio.at/temp/stylesheet3.css


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

--
Spartanicus
Jun 28 '06 #4
tomasio schreef:
tomasio <fr*********@bl ed.de> schrieb:
Is there nobody here who can give me a hint? I put a more simplified
example online so you don't have to wade through too much code. Any
help will be appreciated.


I forgot to post the URL: http://tomasio.at/temp/vertical_center.html
and the according stylesheet: http://tomasio.at/temp/stylesheet3.css
--
kind regards,
tomasio
"describing an issue reveals the way to solve it"


http://www.jakpsatweb.cz/css/css-ver...-solution.html

Jun 29 '06 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
66029
by: Markus Ernst | last post by:
Hi I have a strange problem with vertical-align. The case can be viewed at http://www.brainput.info/geschichte.html. HTML code: <div id="bild"><img src="geschichte.gif" width="274" height="29" alt="Wir schreiben die Geschichte Ihres Unternehmens."></div>
1
7893
by: Kenneth | last post by:
Okay, I've been scouring Google for hours looking for a solution to this problem, but as of yet I can't find one. XHTML Transitional seems to specify that I can no longer set a table's height to 100% and vertically center content inside of it. Therefore, I'm seeking a way, preferably in CSS to vertically center a site. Here's more of a visual to what I have: /********************************
2
19382
by: Kay | last post by:
Hello, I have a asp lable control, which I use to display text in, I would like to have the text display aligned in the center and vertical alignment left however when I add the following style to the lable it does not work <asp:label id="lblBanner" style="text-aligh:left;vertical-align:middle;" runat="server" Width="100%" ></asp:label> could someone please tell me how to display the text valign middle and text
4
41792
by: Gabriella | last post by:
hi, I am writing a simple bulleted list with ul/li, with my image as the list-style-image, and for some reason the image bullet on IE only (FF is fine) is vertically aligned to the top. Meaning, the bullet image is aligned to the TOP of the text following it. In FF the image is aligned to the center of the text following it, as it should. What am I doing wrong? ul {
18
7884
by: ~john | last post by:
Sorry if this is a dumb question buy my CSS is pretty bad... but how do I get text to center vertically within a div tag? Here's my code below... the text is displaying on the far top-right. I would like it far right centered vertically. #test { width: 100%; height: 55px; margin: 0 0 0 0;
11
19197
by: C.W.Holeman II | last post by:
I what to hide an input element and the following text. I have the selector for the input working and just need to grab the text following it. CSS: form{ display:table; text-align:center; }
4
3291
by: O11Y | last post by:
Hello, I've read numerous posts & guides on this subject but i'm still having problems. I'm writing some HTML for the company intranet and all our browsers are currently (you guessed it) IE6. In most of the guides that I've read you can "fix" this problem in IE6 by nesting a series of divs inside each other and fiddling the margins. However this only seems to work when you know the size of the content you're putting in. It also seems to...
2
15553
by: esteuart | last post by:
I need to get the right combination for a div to clip any text inside and allow vertical alignment. I only have this problem in FireFox. I have 3 divs nested within each other. The outer div has display of table, the first inner div has display of table-cell and the inner-most div has the text. The outer div has a set width and height. So here's the problem: Without the inner divs having a width and height set, the overflow:hidden doesn't...
8
3525
by: ayamopamo | last post by:
Hi- I am trying to center a web page. It seems like this should be very simple to do, but apparently it isn't my day. I have successfully centered the background by calling it in the css body tag: body { font-family: Trebuchet MS, Arial; cursor : default; background:#000000 url("Images/long-template.jpg"); background-repeat:no-repeat; background-position: center; background-attachment:scroll; height: 1228px;
13
1662
by: Bill | last post by:
Hi How can I have IE7 act correctly on that ? The rules make the link text go down when hovered. It works in FF , I had to add a hard space right after the LI tag to have OP9 work but I can't figure how to have IE7 work. Why? How can I have it work in all 3 browsers? http://nrap.selfip.com
0
8357
marktang
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...
0
8803
Oralloy
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...
0
8700
jinu1996
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...
1
8465
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,...
0
5612
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();...
0
4144
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...
0
4285
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2701
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
1
1910
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.