17 replies [Last post]
Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 10 years 47 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2010-05-30
Posts: 20
Points: 25

Hello,

I'm sure its something quite simple but in Dreamweaver the Code boz is highlighted blue & is active but the split & design boxes aren't active & so I am coding 'blind' - can anyone put me right

many thanks!

hh

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 43 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Open up Safari or Firefox and

Open up Safari or Firefox and code previewing with a real browser. Dreamweaver's "preview" pane is a piece of ... well.. ya... don't use it. Dreamweaver is, and should only ever be used as, an overpriced text editor.

Do yourself a favor and get Notepad++ or some other syntax highlighting software they won't write horrible code for you.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 10 years 47 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2010-05-30
Posts: 20
Points: 25

Mac equivalent for Notepad?

Hey thanks -

is there a Mac equivalent of Notepad? Or do I download the mac version?

Also do you mean go to preview in browser via Dreamweaver?

When I do that, all 3 of the possible browsers - firefox, safari & opera are in grey txt & thus I cannot link to them...

thanks,
confused & harassed by impending deadline

Vade
Vade's picture
Offline
Enthusiast
Ireland
Last seen: 10 years 23 weeks ago
Ireland
Joined: 2007-08-13
Posts: 315
Points: 276

I don't work on a mac so I

I don't work on a mac so I can't give advice on the best text editor but two that spring to mind are Coda and Textmate. Also I think what Deuce meant by previewing was to actually open your locally stored files within your browser rather then DW's preview pane.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 3 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Helena Hughes wrote: Also do

Helena Hughes wrote:

Also do you mean go to preview in browser via Dreamweaver?

No, do what Vade suggested. Open your files in dreamweaver to code if you must, but preview them with your browser. You can easily switch between windows and press F5 every time you make a change to preview it in real-time in a real browser.

Verschwindende wrote:
  • CSS doesn't make pies

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 43 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I use TextMate as a personal

I use TextMate as a personal preference.
Coda just seems to be trying too hard to be Dreamweaver. Although, Coda, at least, is using the webkit engine to render out sites in their preview pane, so it's like using Safari or Chrome to preview the site.

I just write code, and TextMate allows me to do that. I installed the WordPress TM Bundle and haven't looked back.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Good job, don't ever look

Good job, don't ever look back otherwise you might be turned into a pillar of salt. What's Wordpress TM?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 43 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Hugo wrote: Good job, don't

Hugo wrote:

Good job, don't ever look back otherwise you might be turned into a pillar of salt. What's Wordpress TM?

http://yoast.com/updates-wordpress-textmate-bundle/

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Ah WP made easy, pity it's

Ah WP made easy, pity it's only on textmate.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 43 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

See, if you'd quit using that

See, if you'd quit using that silly ScentODress or BlueShoes or whatever silly Linicks name they're using nowadays... and come to a REAL system. You'd be fine!

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 10 years 47 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2010-05-30
Posts: 20
Points: 25

HI Deuce,do you hav time to look at this?

I have goofed up somewhere & aren't sure how to get back to that happy place where it was all looking good in my photoshop mock up? do you have time to pass your guru eye over my shonky code?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 43 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

You'd need to post it or

You'd need to post it or provide a link.
Links are better, but code will suffice.
Please remember to use the provided [ code ] tags.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 10 years 47 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2010-05-30
Posts: 20
Points: 25

Thanks - i thought it was more polite ot ask you first...

http://210.48.94.7/helenahughesphotography.co.nz/index.html - this is my link :

the site should have main image as full page for home page,
hHP icon is where it should be, but helena hughes photography should be on black shirt to lower right of icon & copyright should be smaller txt & underneath that:

and menu is on other side of page & also at bottom.

I seem to have made 'boxes'that are too small for them to allow me to move type up & across?

and 'mac' command symbol ( or something similar) was going to be "add to favourties" page but I don't back my coding ability to pull it off!
let me cook a major dinner party without a cookbook and I will fly thru...

any suggestions gladly welcome!!!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 3 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

I'm so glad I spent my time

/argh wrong tab argh my mind is befrazzled

.... I'll get back to you Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 3 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Ok, my mind is still

Ok, my mind is still befrazzled, but at least I'm in the right window this time.

You've got three separate topics open,

this one
http://csscreator.com/topic/css-import-link-html-pages-234-etc-duplicated-or-different-home-page
http://csscreator.com/topic/type-position-does-it-have-mind-its-own

I say leave the other two alone and stick with this topic.

What's supposed to go where? I see two copyright notices, two titles, the initials, and a menu.

You're on the right track, your page just needs tidying up a little bit.

Verschwindende wrote:
  • CSS doesn't make pies

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 10 years 47 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2010-05-30
Posts: 20
Points: 25

Will do,stick with this one post mr pineapplehead

The image is full frame & the logo goes about 3/4 way down on the left side.
There should just be one copyright & title & it should go below the logo to the right,on the black .
The copyright is underneath the title & about half the size.I wasn't 100% if they were best in container or sub container,hence the duplication &also when everything moved I was trying to get it all back.

The menu goes on the right hand side of the page, also down near the bottom.
HOw best to tidy it?

Vade
Vade's picture
Offline
Enthusiast
Ireland
Last seen: 10 years 23 weeks ago
Ireland
Joined: 2007-08-13
Posts: 315
Points: 276

Hey H, is this what you had

Hey H, is this what you had in mind?

<!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>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
 
 
<div id="main-container">
<ul id="logo">
<li id="h-letter">h</li><li id="H-letter">H</li><li id="P-letter">P</li>
</ul>
 
<ul id="copy_title">
<li>Helena Hughes Photography</li>
<li id="copyright">&copy; Helena Hughes 2010</li>
</ul>
 
 
	<ul id="navigation">
		<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>
 
 
 
 
</body>
</html>

body {
	padding: 0;
	margin: 0;
	background: transparent url("images/zia.jpg") no-repeat center top;
}
html {
	padding: 0;
	margin: 0;
}
#main-container {
	width: 960px;
	margin: 500px auto;
	overflow: auto;
}
#copy_title {
	float: right;
}
#copy_title li {
	list-style: none;
	text-align: right;
	color: #8E9191;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#copy_title li#copyright {
	font-size: small
}
 
#logo {
	font-size: 70px;
	float: left;
	padding:0;
	margin:0;
}
 
#logo li{
display:inline;
list-style:none;
}
#h-letter {
	color: #928529;
}
#H-letter {
	color: #70660c;
}
#P-letter {
	color: #75714d;
}
#navigation {
	clear: right;
	color: #928529;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: right;
	float: right;
}
#navigation a {
	color: #928529;
	text-decoration: none;
}
#navigation li {
	list-style: none;
}
#navigation a:hover {
	color: #99F;
}

There's no use of H tags in this at all so you could and should tweak it but I think its the general layout you were after?

Helena Hughes
Helena Hughes's picture
Offline
Regular
New Zealand
Last seen: 10 years 47 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2010-05-30
Posts: 20
Points: 25

I'v worked it out - thanks

Big thanks for feedback - I worked out that the code was referencing the wrong root file - ha ha
Not the kind of mistake you ever make twice!
cheers