How do I get text to stay in relation to the page

This may seem very basic but I am just learning all this stuff. I have text that
I want to stay centered within my background image. When I resize the window it moves over my image. Is there a way to make it stay centered when i resize the window?

Aug 15 '08 #1

Subscribe Post Reply

2156

drhowarddrfine

7,435

Expert 4TB

It is easy but the fix depends on how you wrote it so we need to see the markup.

Aug 15 '08 #2

Brendaw

This is my css/html for the page. I am new at this and am still learning so if you can explain what I need to do that would be very helpful. If I am doing it all wrong please let me know. Thanks

Expand|Select|Wrap|Line Numbers

 @charset "UTF-8";

#Blog {

    position: absolute;

    top: 59%;

    right: 58%; z-index:2; font:Georgia, "Times New Roman", Times, serif;

    font-size: 21px;

}

#BG {z-index: 1;}

#Classes {

    position: absolute;

    top: 68%;

    right: 52%;

    z-index:2;

    font-size: 22px;

}

#Gallery {

    position: absolute;

    top: 59%;

    right: 39%;

    z-index:2;

    height: 35px;

    font-size: 22px;

}

#AboutUs {

    position: absolute;

    top:68%;

    right: 34%;

    z-index:2;

    height: 35px;

    font-size: 22px;

}
 
#Mail {

    position: absolute;

    top: 76%;

    right: 40%;

    z-index:2;

    height: 35px;

    font-size: 22px;

}

#.width {width:100%; min-width:600px;}

#.height {height:100%; min-width:532px;}
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Untitled Document</title>

<link href="website templates/untitled.css" rel="stylesheet" type="text/css" />

<style type="text/css">

<!--

body {

}

-->

</style></head>
 
<body>

<div id="BG"><img src="website templates/background.jpg" width="100%" height="100%"/>

  <div id="Blog"><a href=""><img src="website templates/flowerlink.gif">Blog</a></div>

<div id="Classes"><img src="website templates/flowerlink.gif">Classes/Calendar</div>

<div id="Gallery"><img src="website templates/flowerlink.gif">Photo Gallery</div>

<div id="AboutUs"><img src="website templates/flowerlink.gif">About Us</div>

<div id="Mail"><img src="website templates/flowerlink.gif">Join Our Mailing List</div>
 
</div>

</body>
 
</html>

Aug 15 '08 #3

David Laakso

397

Expert 256MB

You'll have far better luck if you structure the page using floats rather than absolute positioning. Start with a layout that is known to be stable, robust, and cross-browser reliable. Here are some [1].

Code to compliant browsers-- Opera, Safari, Firefox. Make frequent check-backs to IE/6 and IE/7.

[1]
http://blog.html.it/layoutgala/

Aug 17 '08 #4

Similar topics

Varifying Forms Text Data Help Needed

by: Ralph Freshour | last post by:

I bought the PHP and MySQL For Dummies book and I'm having trouble understanding how I use PHP to verify and check forms input text data - the book shows snippets of code so I know how to do the...

PHP

Regarding saving database objects as text files and importing them...

by: MLH | last post by:

GHudson has working procedures posted at http://www.access-programmers.co.uk/forums/showthread.php?t=66320 They work. Relationships, however, and some minor default settings are not preserved....

Microsoft Access / VBA

Exporting jet table metadata as text?

by: Kevin Chambers | last post by:

Hi all-- In an attempt to commit an Access MDB to a versioning system (subversion), I'm trying to figure out how to convert a jet table's metadata to text, a la SaveAsText. The end goal is to...

Microsoft Access / VBA

How does std::set stay unique with only std::less?

by: Cory Nelson | last post by:

Does anyone know how std::set prevents duplicates using only std::less? I've tried looking through a couple of the STL implementations and their code is pretty unreadable (to allow for different...

C / C++

Firefox not recognising javascript spaces between text

by: tim | last post by:

I am using foldoutmenu 3 and am having problems with viewing my menus in firefox. On my sub3 menus i have more than one line of text in some places. firefox does not recognise that there is more...

Javascript

how can I bold a portion of a text box?

by: Coll | last post by:

Hi - I have a function that returns a value to a text field. I need to bold a portion of the text field to match up with the rest of the form. I'd rather not split it into two separate text fields...

Microsoft Access / VBA

IE6 not displaying text correctly - IE 7 & Firefox 3 are fine!

by: littlealex | last post by:

IE6 not displaying text correctly - IE 7 & Firefox 3 are fine! Need some help with this as fairly new to CSS! In IE6 the text for the following page doesn't display properly - rather than being...

HTML / CSS

text stay on top

by: esperanto234 | last post by:

I have a document with 3 pages and with VB I always insert text in page 1. The problem is that the text in page 2 always goes down when text in page 1 is inserted. My question is: How can i do to...

Visual Basic .NET

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++