Jump to content

lm

Advanced Member
  • Posts

    273
  • Joined

  • Last visited

Everything posted by lm

  1. lm

    styling border boxes

    in all, if you need a gallery, do Google search on "CSS gallery", download or copy-paste it and edit. Here is an example on how to build such gallery from scratch You can also re-use the code from this template.
  2. to Baggy: If you want to save the changes in the Css file: in Firefox click Edit CSS, make your changes and click on a Save icon on a bar ( right below Edit CSS sign). I will have more time tomorrow to help you move things around and may be somebody else today can answer you.
  3. lm

    styling border boxes

    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.
  4. 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.
  5. 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.)
  6. 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.
  7. The only thing I could think of: imagine rapper doing some needlework Besides all - rules are rules: first validate then apply for review.
  8. 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.
  9. 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.
  10. lm

    CSS links on image maps

    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.
  11. 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.
  12. lm

    CSS links on image maps

    oh dear me, tables, spacers again. Partying like its 90's or something?
  13. 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.
  14. 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.
  15. 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.
  16. 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.
  17. 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.
  18. 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.
  19. 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.
  20. 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?
  21. 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.
  22. 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)
  23. 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
  24. just came across this article - might be a way.
×
×
  • Create New...