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
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.
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
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.
Helena Hughes wrote: Also do
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.
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.
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?
Hugo wrote: Good job, don't
Good job, don't ever look back otherwise you might be turned into a pillar of salt. What's Wordpress TM?
Ah WP made easy, pity it's
Ah WP made easy, pity it's only on textmate.
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!
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?
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.
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!!!
I'm so glad I spent my time
/argh wrong tab argh my mind is befrazzled
.... I'll get back to you
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.
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?
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">© 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?
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