Jump to content

virtual

Advanced Member
  • Posts

    876
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by virtual

  1. I believe GoDaddy have their own forms. Look in their help section.
  2. Whichever platform you choose you need to learn how to code - HTML and CSS for DW or ActionScript 3 for Flash.
  3. virtual

    A Menu Challenge

    Your menu and css are at the following link: http://180virtual.com/newseed_menu/index.html I have tested on Mac in Firefox 3.5, Safari and Opera and the border is no longer there from the top link hover nor from the right hand flyout "Conservation Partners". Even the Regions top link no longer has the border on hover. However I did not bother with the left side flyouts, in case you still tell me the whole does not work.
  4. virtual

    A Menu Challenge

    Well I can assure you it worked on my Mac for the top links. I will look at it again today. I noticed that you said I went to the original link but the css is still the same, the added height and the change in z-index is not there. I did almost what Wickham was saying without an image, making the length of the hover state for About longer so that it covers the top border, but that only works if the drop down is behind the top link level.
  5. Maybe I'm missing something, but why don't you just resize the image to fit the sidebar?
  6. Then you just make a first layer with the shape you want and make the shadow from that. You need to use guidelines, go to View - Rulers and then with the Move tool you pull down from top or from the left the guidelines where you want them. You can also turn on gridlines View -Show - Grid. The Pen tool is very symetrical once you know how to manipulate it. Actually I just had a better idea. Use the rectangular Marquee tool and draw your square or rectangle, then change to the elliptical Marquee tool and check on the "subtract from selection" 3rd box from left on top menu bar, and draw your circle or oval within the guidelines or grid on the same layer. When it is positionned properly hit delete and Voila, then hit Command+D to deselect.
  7. There is nothing better than hand coding your HTML and CSS, that way you know exactly what is happening and where, sometimes not quite why depending on which browser you're testing in . I certainly would not recommend using DW to write code. I use Dreamweaver, but only in code view and I write my own code. I use it because there are some features like snippets (my own of course) which is great for repeating both HTML and CSS code, colour coding, find and replace, ease of preview in different browsers, and keeping all the codes, files and upload info in one place.
  8. virtual

    A Menu Challenge

    Well I have a partial solution for the top link, I imagine the flyout would work the same. I hope this helps Add height 29px to the following #nav li:hover > a.top_link { color: #294F2D; background: #ffffcc; height: 29px; } #nav li:hover > a.top_link span { background: #ffffcc; height: 29px; } #nav li:hover > a.top_link span.down { background: #ffffcc; height: 29px; } and change your z-index to -300 in this #nav li:hover ul.sub { left: 0px; top: 27px; background: #ffffcc; padding: 3px; border: 1px solid #9F7327; white-space: nowrap; width: 160px; height: auto; z-index: -300; padding: 0 5px; } If it doesn't work I'll post the complete code, as I may have missed some vital piece of info.
  9. My name is Lynne...Soon to be moving back to La Jolla or Encinitas, not far from you The "adrianpelletier" shadow effect is almost the same as the http://www.photoshopcafe.com/tutorials/ ? shadow.htm Make your button and then follow the tut. The shadow is on its own layer so you can place it anywhere you want, under or in front by just dragging it around, and then just warp it with Edit - Transform - Warp/Distort or whatever if need be. Also change the opacity or blend mode. When you Save for Web, you can just save the shadow as a separate image. Here is a tutorial on making reflections http://pstutorialsblog.com/81/reflection-tutorial/
  10. Shadows under the icons could be done with a cast shadow http://pstutorialsblog.com/78/perspective-shadow-photoshop-tutorial/ or http://www.photoshopcafe.com/tutorials/cast_shadow/cast_shadow.htm For the indented top header, I'm afraid you'll have to break out the dreaded "Pen Tool" it is a little daunting if you don't know how to use it. Or use the Shape tool http://www.peachpit.com/articles/article.aspx?p=653384 http://www.photoshop-tutorials-plus.com/making-photoshop-shapes-3.html If you need any further help let me know
  11. For logical reasons your Titles should always be in the same place, and logically it would be more user friendly to have the navigation arrows always in the same place and easily accessible, people will always look for them in the same place.
  12. #post is the div tag in which your image appears in the gallery. If you wrote this code that should be obvious to you. I think the arrows would look better if they were just above the image rather than at the top right by the header. If you download browsers they will be installed on your hard drive. You can always put a shortcut link to them on your desktop, if you are using a PC this option is usually included in the installation process.
  13. I think your question is what is the difference in div tags between id's and classes? ID is used only once on the page for important elements such as header, content, footer of which there will only be one. Classes are used for other elements which will be repeated on the page.
  14. virtual

    Tables!!

    Give each table a different class and style each one accordingly http://www.ca ptain.at/ho wto-css-style-table.php
  15. No because it would break up the 2 sets of navigation which are clearly visible. I would put announcements above "Get Stock Predictions" in the same size box and add some height to the "Enter a stock symbol" box, so that with the extra box on the right, the "Open Free Account" would align with the bottom of the left hand side which it does not do at the moment. The "Enter a stock symbol" box could do with some height anyway as the Analyze button is jammed up against the input box.
  16. Just checked on the laptop and the arrows are still over the Everglades. Try placing them in the #post on each side of the photo title. One other thing I did notice on some of your gallery pages is that you are missing a closing for the #wrapper.
  17. Validation does not make the page cross browser compatible, for that you have to just test in different browsers and on different machines if possible. Get your friends to help out there as well. Funnily enough, on my desktop Mac the arrows are positioned properly in both Firefox and Opera. I will have to check again on the laptop Mac. Re the wrapper that doesn't extend, change the padding-top: 1em; to padding: 1em; for an equal border all round or padding: 1em 0; for a larger border top and bottom and smaller on sides.
  18. On the Mac the arrows are still sitting on top of the Everglades text in Firefox 3.5 and Opera 9.6, they are fine in Safari 4. On the PC the arrows are fine in Firefox 2, Chrome, Safari, IE6, 7, 8. However in IE6 and IE7 the bottom of the site has the same grey border as the sides and top which actually makes the whole thing look more finished. The bottom border does not show in any of the other browsers. Also please change the colour of your "Purchase Info" link, it is very hard to see and easily missed. The best way to test your site is to download all the main browsers to your computer, and also just ask here.
  19. Welcome to the community, it's a great place. Your site looks good overall, easy to navigate and gives the info you need. Just a couple of comments: There is no link back to the home page on your navigation other than clicking on the name, which some people don't know about. The scroll bar on "Other Bargain Services" doesn't look good and the last link is cut off halfway through. (Mac Firefox 3.5) You don't validate but nothing serious, you are missing some "alt" tags. The site is quite slow to load. "Our Hrs" would look better as just "Hours" or "Opening Hours".
  20. I disagree about the header, first I find the logo too fuzzy, too much outer glow on the text. For a width of 1000px I think the header should have more height, it looks unbalanced. Also your top navigation would look better centered instead of off to the right. I don't find the colours of your links or the footer very harmonious with the rest of the site and half of the links are showing a red visited state even though I haven't visited the pages. Good point from henns20 about the images, it would give the home page more visual appeal.
  21. Much more professional looking site, and I did not have a problem with slow loading. Now I understand what it is about and how to use it. Just one comment, I would get rid of the scroll bar on the top, it has no use.
  22. If you put the flash in between the side navigation and the text you are going to force people who don't have 1280px resolution to scroll sideways. Everyone hates scrolling at the best of times, but sideways is the worst.
  23. That is why I changed the text from "Submit" to "Send" in the html file, because it was only way for me to fit it into the space in IE6 without it sending the other button to the next line. I mentioned this in a previous post.
  24. Quite right, you only need to change the code that will fix the problem in IE only stylesheets, the browser will read the rest of the code from the main css file. Have you updated your index file, because I am still seeing errors in the top navigation and form and I don't see the links to the IE specific stylesheets? This is the link I'm looking at http://www.little-hearts.co.in/new/home.htm
  25. The site does not validate, so you need to address that issue first. 1200px wide is too much, I would say a max of 1000px. There is too much space between your #sideNav and the text. Center aligned text does not look good, left align it. Use of too many different fonts, weights and variants, keep it simple. You should have a tag either in the header or somewhere near the top of your markup. Your "no jargon design" should be in the footer. These 2 and tags in the header are to help your client's SEO. You should not be using tags in the footer. Colourwise, unfortunately that yellow and black header is pretty overpowering, try toning it down by using a dark grey background instead of black on the main content. You could also just center it and keep it on a dark background instead of spreading the yellow across the whole page. The green of the footer is too bright. Practice is good even if it is free, and if you are proud of your end result you can always use it in your portfolio.
×
×
  • Create New...