Type position : does it have a mind of its own?

11 replies [Last post]

Thu, 2010-06-03 10:57

Helena Hughes

Offline

Regular

New Zealand

Last seen: 12 years 41 weeks ago

New Zealand

Timezone: GMT+12

Joined: 2010-05-30

Posts: 20

Points: 25

I am endeavouring to place most of my type near the bottom of a main image that takes up all of the page:
I had everything looking good & then I made what I thought were a couple of minor changes in the HTML 'cleaning' up the div tags & now my new Navigation. is down off the image & my other two pieces of type - using

are way up the top!I can't seem to correct this seemingly random nightmare - and there isn't enough history to go back to where it was.
And some of you find this as easy as breathing!

Tags:

Beginners CSS Questions

Thu, 2010-06-03 11:21

thepineapplehead

Offline

Moderator

Last seen: 48 weeks 3 days ago

Timezone: GMT+1

Joined: 2004-06-30

Posts: 9683

Points: 819

Slow down, you only need to

Slow down, you only need to press "Save" once!

You'll need to go back and re-read the posting guidelines - what you've given us isn't nearly enough for us to be able to help you.

Verschwindende wrote:

CSS doesn't make pies

Thu, 2010-06-03 11:56

Helena Hughes

Offline

Regular

New Zealand

Last seen: 12 years 41 weeks ago

New Zealand

Timezone: GMT+12

Joined: 2010-05-30

Posts: 20

Points: 25

You are right - I am freaking

You are right - I am freaking out & forgetting all that I thought I knew..I have not been this close to tearing my hair out in a long time!

I don't seem to be able to move any of my headings around - I have tried different padding options & margin options but the type either doesn't move, or goes somewhere seemingly random - to me at least. ( and there is no move tool...) I think I must need to specify more boxes (!) as it seems that the movement of the type is very restricted but as I need to re-position it higher or lower on the page now I need to give the specific areas new guidelines.I am supposed to be creating 10 pages for this assignment crikey. I hope I have made myself clear, sorry about my garble B4. Can you suggest anything?

Thu, 2010-06-03 12:04

Vade

Offline

Enthusiast

Ireland

Last seen: 12 years 17 weeks ago

Ireland

Joined: 2007-08-13

Posts: 315

Points: 276

Can you show us all your HTML

Can you show us all your HTML and CSS, a link to a live site or all of the above? It's impossible to guess what's happening without seeing it, well not impossible but probably wrong

Thu, 2010-06-03 12:10

Helena Hughes

Offline

Regular

New Zealand

Last seen: 12 years 41 weeks ago

New Zealand

Timezone: GMT+12

Joined: 2010-05-30

Posts: 20

Points: 25

I did register with a web

I did register with a web host today but haven't got the site loaded up yet : let me see if I can work it out as I would be so grateful for some feedback

Thu, 2010-06-03 12:29

thepineapplehead

Offline

Moderator

Last seen: 48 weeks 3 days ago

Timezone: GMT+1

Joined: 2004-06-30

Posts: 9683

Points: 819

Just paste the HTMl and CSS

Just paste the HTMl and CSS here, in CODE tags

Verschwindende wrote:

CSS doesn't make pies

Thu, 2010-06-03 12:53

Helena Hughes

Offline

Regular

New Zealand

Last seen: 12 years 41 weeks ago

New Zealand

Timezone: GMT+12

Joined: 2010-05-30

Posts: 20

Points: 25

Is the only way to show you

Is the only way to show you the code by a live web site?
Its nearly 1am here downunder and I can't get site connected & loaded thru Filezilla so I wil have to check with web hoster in morning. I will defintely be so grateful if you could have a look at it - I am not quite ready to accept defeat & take a D for my paper but I just find this to be like trying to write MOngolian...

Thu, 2010-06-03 12:58

Helena Hughes

Offline

Regular

New Zealand

Last seen: 12 years 41 weeks ago

New Zealand

Timezone: GMT+12

Joined: 2010-05-30

Posts: 20

Points: 25

<@charset "UTF-8"; /* CSS

<@charset "UTF-8";
/* CSS Document */
 
 
 
 
 
body
 
#main-container
{
	background:transparent url("images/zia.jpg") scroll no-repeat 0 0;
 
								width:1024px;
								height:768px;
								margin:0 auto;
								padding:0;
								margin-left:auto;
								margin-right:auto;
 
 
 
 
}
 
#logo-info-box
 
{
	float:left;
	width:500px;
 
 
}
 
 
#name
{
	font-style:Geneva;
	font-size:14px;
	color:#7d7d7d;
	padding-top:620px;
	padding-left:80px;
	float:left;
 
}
 
#info
{
	padding-left:130px;	
	padding-bottom:30px;
 
}
 
#logo
{
	font-size:70px;
	padding-left:12px;
	padding-top:637px;
}
 
 
 
#h-letter
{
	color:#928529;
}
 
#H-letter
{
	color:#70660c;
	}
 
	#P-letter
	{
	color:#75714d;
 
	}
 
#copyright 
 {
	clear:both;
 
	font-size:12px;
	padding-left:40px;
	padding-bottom:40px;
	color:#7d7d7d;
}
 
 
 
#sub-container
 
 
 
	#title
	{
	float :left;
	width:600px;
 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#8e9191;
	padding-left:260px;
 
	}
 
 
	#navigation
	{
	color:#928529;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-align:right;
	padding:640px 70px 70px;
	padding-top:50px;
	}
 
	#navigation a
	{
	color:#928529;
	text-decoration:none;
 
	}
 
	#navigation li
	{ 
	list-style:none;
 
	}
 
	#navigation a:hover
	{
	color: #99F;
 
 
	}
 
<!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>helena hughes photography</title>
       <meta content="" helena="" hughes="" photographer="" 
name="description">
       <meta content="" photographer,helena="" hughes,="" auckland="" 
photographer="" ,illustrative="" photographer,portrait="" 
photograper,innovative="" photograper,teacher="" of="" photography="" 
name="keywords">
 
<link href="index.css" rel="stylesheet" type="text/css">
 
 
</head>
 
<body>
 
 
<div id="main-container">
 
<div id="logo-info-box">
 
	<div id="logo">
    <span id="h-letter">h</span><span id="H-letter">H</span><span
 id="P-letter">P</span>
	</div>
    </div> 
 
 
 
 
 
	<div class="info">
 
    <span id="name">
    helena Hughes Photography
    </span>
 
	<span id="copyright">
	<h4>© Copyright Helena Hughes 2010.</h4>
 
	</span>
    </div>
 
 
</div>
 
 
 
<div id="sub-container">
 
<div id="title">
Helena Hughes Photography
</div>
 
<div id="copyright">
Copyright Helena Hughes 2010.
</div>
 
<div id="navigation">
	<ul>
		<li><a href="blog.html">Blog</a></li>
		<li><a href="contact.html">Contact</a></li>
		<li><a href="about me.html">About Me</a></li>
		<li><a href="portfolio.html">Portfolio</a></li>
	</ul>
</div>
 
</div>

Thu, 2010-06-03 20:28

Helena Hughes

Offline

Regular

New Zealand

Last seen: 12 years 41 weeks ago

New Zealand

Timezone: GMT+12

Joined: 2010-05-30

Posts: 20

Points: 25

Did you get a chance to look at it?

I know I doubled up on 2 headings - the 'hhp' and the 'copyright' : once the format all changed I added another set to re=position that but ended up chasing them around the page like naughty school kids

Thu, 2010-06-03 20:35

Tony

Offline

Moderator

Brisbane

Last seen: 1 week 2 days ago

Brisbane

Timezone: GMT+10

Joined: 2003-03-12

Posts: 5344

Points: 2965

Hi Helena, Change the meta

Hi Helena,
Change the meta tags they may be screwing things up:

 <meta content="" helena="" hughes="" photographer="" 
name="description">
       <meta content="" photographer,helena="" hughes,="" auckland="" 
photographer="" ,illustrative="" photographer,portrait="" 
photograper,innovative="" photograper,teacher="" of="" photography="" 
name="keywords">

Should be:

 <meta content="helena hughes photographer" name="description" />
 <meta content="photographer,helena,hughes,auckland  photographer ,illustrative,portrait, innovative, photograper,teacher, photography" 
name="keywords" />

I'm not sure where you found the format you were using but it looks wrong to me. Also try not to repeat keywords and close all tags.

<span id="copyright">
	<h4>© Copyright Helena Hughes 2010.</h4>

Don't put block elements (h4) within inline elements (span)

ID should be unique see: copyright.
After fixing these try validating http://validator.w3.org/check

Thu, 2010-06-03 20:58

#10

Helena Hughes

Offline

Regular

New Zealand

Last seen: 12 years 41 weeks ago

New Zealand

Timezone: GMT+12

Joined: 2010-05-30

Posts: 20

Points: 25

will try that

I just looked at other peoples sites & tried to imitate what they had for their site & apply it to mine - like a kid with a hand grenade cleary i have no idea what i am playing with...Will check in again & give you an update -I'm sure there are other big holes in there: you are all so very kind!

Fri, 2010-06-04 11:32

#11

thepineapplehead

Offline

Moderator

Last seen: 48 weeks 3 days ago

Timezone: GMT+1

Joined: 2004-06-30

Posts: 9683

Points: 819

http://csscreator.com/topic/o

http://csscreator.com/topic/only-code-box-will-activate-split-and-design-box-appear-innate-so-i-cant-view-design

Verschwindende wrote:

CSS doesn't make pies

Type position : does it have a mind of its own?

Slow down, you only need to

You are right - I am freaking

Can you show us all your HTML

I did register with a web

Just paste the HTMl and CSS

Is the only way to show you

<@charset "UTF-8"; /* CSS

Did you get a chance to look at it?

Hi Helena, Change the meta

will try that

http://csscreator.com/topic/o

User login

Navigation