lm
-
Posts
273 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by lm
-
-
Never mind coding errors at this stage - the main question now is about usability.
First thing : can you easily update your content? If you can, ask your designer just to give the "Main layout table" width (about 900px) and to align this table in a center. If they need help with it, send them to us
.as for the rest - it is a big website and it will need a lot of work to change layout.
-
The type is big because I have trouble reading small print
The type is never too big. Don't mind them saying that. You can use font size you comfortable with but organize your content using grids.
(There few links in the wiki at the bottom about grids but also Grid Designer - a tool for quick typography building.)
-
get yourself Firefox and install Web Developer bar plugin to it. With this Developer bar, besides all, you'll have a possibility to edit/save CSS while you in browser.
-
what about Facebook?
-
And I'm having trouble making a connection between needle point and wiping someone's you-know-what.
The only thing I could think of:
imagine rapper doing some needlework
Besides all - rules are rules: first validate then apply for review.
-
No problems, it is just a learning curve.
Believe me you've made a big step forward a lot already, editing now your page in Firefox.
Now if you see your your CSS in Edit CSS,
look there for id of box you want to move, it will be something (for example) like in these lines:
#leftheading { background-image: url(http://www.shirefinancial.co.uk/new_work/images/left-pen.jpg); background-repeat: no-repeat; background-position: center top; display: inline; margin: 0 4px 0 0; width: 245px; height: 200px; float: left; padding: 0; } #centerheading { background-image: url(http://www.shirefinancial.co.uk/new_work/images/middle-montage.jpg); background-repeat: no-repeat; background-position: center top; display: inline; margin: 0 2px 0 0; padding: 0; width: 250px; height: auto; float: left; } #rightheading { background-image: url(http://www.shirefinancial.co.uk/new_work/images/right-money.jpg); background-repeat: no-repeat; background-position: center top; display: inline; margin: 0; padding: 0; width: 245px; height: auto; float: right; }look for this in #leftheading line:
margin: 0 4px 0 0;
now, if you change 4px to 6px, you'll move nearby box ( #centerheading) to the right. And so on.
By the way, to pick up CSS very quickly, go through W3schools CSS tutorials.
Ask you questions if you need help.
-
I can't see any measurements for the gaps around/between the images and nav bars and there are some adjustments needed.
Now you can do these adjustments in browser, previewing your page.
Install Firefox ( if you havent got it yet), and Web developer bar plugin to it.
Then preview your page in Firefox, click CSS - Edit CSS on Web developer bar and changing margins, you can move your divs around.
On the same Web Developer Bar there is a button Outline. Click on it and choose the option Outline block level elements - you will get the position of all divs and other blocks in your template. Again, changing margins in CSS, adjust the position of the divs.
-
I have to go back to my basic CSS book and bone up.
Book is fine but better go through w3schools tutorials and practice CSS as you read. Then take simple CSS template and make a masterpiece of CSS layout. It would be a short cut to modern coding.
As for tooltips: try loadaveragezero or Stu website - make there search on image map or tooltips( this is one of examples from there.
-
i am making this simple site using a bit of flash 9 (for buttons)
This is what you really should think twice about - making navigation from Flash buttons. Read more about it here
As for news and managing content possibility, besides SMS Mad Simple, you can adapt Wordpress: it has plugins to handle your Flash content.
But in any case, use Flash content only for publish your media.
-
oh dear me, tables, spacers again.
Partying like its 90's or something?
-
I will leave this page online for the time being till you get all files.
So you will need 2 files- HTML you copy from seeing source code of a page and css file.
How to get CSS:
1.find this line in HTML:
As you can see, HTML page is connected to style.css file which you will need to keep in a same folder, as your HTML page.
2.this is a link to style.css file
3.Copy- paste all css:
In your Dreamweaver create a new file with .css extension and copy paste all css into it. Save this file as style.css.
Once you've done it, preview your HTML page in browser now: you should see your very own CSS template with all images, colors and so on. Now you can edit both HTML and CSS the way you want it.
4. Keep us updated on your progress
5. Dont give up - if you once go all the way with CSS, you'll learn how to create modern websites.
-
It would be a pity if you launch new website on outdated code, so, to promote more semantic and "table less" coding I've re-used one of standard templates into your layout on CSS basis. You can copy-paste HTML of this template, download CSS file with it and edit it further.
-
whats the benefits of having word press power the whole site when blog content is only going to lay on one page?
The benefits (besides what Susie already wrote about):
Through WP you can control (adding new information to ) the content of other pages using excerpts from your blog.
Adding WP plugins will give you an opportunity to add photogallery, shop, video and so on and update their content more easily. Akismet plugin will protect your blog from spam.
But the most spectacular advantage of having WP (or other CMS) on a website is the possibility of having RSS feeds and other widgets from all that social networking. It will help to improve the popularity rank of your website.
-
it is also possible (and in many cases really much easier) just to install WP, take template which the most similar to yours in looks (or better - minimalistic, with very little graphics) and edit CSS of this template to your color/design. You can always add plugins/features to this template to make it complete.
-
I prototype my sites in homestead sitebuilder, then I create them in Dreamweaver.
May be you have the reason to "prototype" in sitebuilder but it is more common to draw the layout first (on a paper or in Photoshop) and then code. All builders generate mess of a code which is almost impossible to clean up and besides it really not worth anybody's time.
-
I would add that it would be much more effective for search engines, if you give each page its own title with its own
tag with some unique text for this page to follow.
-
either way, if you want us to confirm or non-confirm your own diagnosis, repost your message explaining more clearly what and who said what.
-
Actually, reading your post for the third time, I havent got a clue what exactly you asking about.
If you quote somebody, please use a quote tags ( see the icons above the post msg box).
What I'm guessing is that somebody was trying to give you advice on coding and you didnt understand what this person is trying to say?
-
seems like you havent read our rules before asking for the review.
So just a few things - the layout is quite ok, the code is generated - huge amount of errors, all headings (
tags) are missing, no alt descriptions of images, tables for the layout and so on. I didnt notice sitemap.
Do you have accessibility statement somewhere?
These are some directions to work on.
-
I still find freewebs.com not bad for testing layouts directly online ( you can open your uploaded files, edit, save them and see how they look right away.) They do require some to small banner but you always can place it at the bottom of your layout or in a footer.
Also, there is atspace.com (some members here did use it) and it seems even better ( with PHP support)
-
by the way, if you know that content of your divs will be only text, apply your CSS directly to
selector:
Some text
Another text
-
just came across this article - might be a way.
-
I dont see a problem with Google self - it shows your website as you've said. Not sure why one of .swf appears (though nowadays Google does follow links in Flash content as well so may be this is a reason).
On the other hand, if you use Flash for the website, embed it using swfobject. It will give you an oppotunity, besides all, to add alternative, accessible ( to everyone) content. Also, add doctype and use no tables while embedding ( you'll find full correct code if you follow the link I gave).
You didnt ask for it but just some feedback:
If you link to .pdf file from your Flash, let visitors know about it: some .pdf content is not accessible for everybody.
The links ( and navigation in general) in your Flash content should stand out - make them as a buttons or at least use underlined text.
So in all, make your Flash website as accessible as possible.
And of course, if you have not much animation, consider making HTML website and include some Flash content if you really need to.
-
it will be great - this thread will be at the top of their google search
styling border boxes
in CSS
Posted
if you still desperately need a table, use Tablecloth.
Edit CSS, remove JS if you dont need to highlight columns/rows; at least it could give you correct markup.