11 replies [Last post]
Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 11 years 49 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!

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 4 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

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 11 years 49 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?

Vade
Vade's picture
Offline
Enthusiast
Ireland
Last seen: 11 years 25 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 Tongue

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 11 years 49 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

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 4 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 Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 11 years 49 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...

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 11 years 49 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>

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 11 years 49 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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 22 hours 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

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 11 years 49 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!

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 4 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

http://csscreator.com/topic/o

Verschwindende wrote:
  • CSS doesn't make pies