Jump to content

virtual

Advanced Member
  • Posts

    876
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by virtual

  1. Didn't you write the code yourself? Do yourself a favour and make just one CSS stylesheet as Andrea told you, then validate the HTML and the CSS and then you will have an easier time (and so will we) correcting whatever other issues arise.
  2. Because if you look carefully as Eric said at what you wrote for img.jpg you will see an extra ; which should not be there img.jpg{ float: right; margin: -40px; 0 0 0; }
  3. virtual

    resize image

    Re how to resize your image, which was the object of your first post and which was answered by Ben in the second post. If you want to do it properly, put your image into a graphics program such as Photoshop, Fireworks or Gimp and resize image. If you do it using CSS as Ben explained you are only reducing the size of the appearance of the image on the web page, not the actual file size it occupies on the server and the bandwith each time the image is solicited. This is an important issue to consider as more bandwidth usage = more money to host, i.e. eventually more expensive to you or your client.
  4. virtual

    resize image

    I think you need to get back to basics. As Thelma told you, your CSS should not be in each html file but in a separate .css file and each of your html page links to this .css file to get the same layout, colours, fonts etc. e.g. You put this in the head section of each html page. This links each page to the same stylesheet, so when you modify something in your layout you only have to modify this one .css file not every piece of code in each html file. As to your positioning problem with your img and h2, you are trying a bit of this and a bit of that without understanding to no good use. Either float your h2 tag left and add margins as I suggested in my post No. 10 ( I float the h2 tag to the left) or do as Thelma suggested also in an earlier post No 12 (Thelma floats the img tag to the right). Whichever way you do it gives the same results. When you float something you take it out of the regular sequence and other elements flow around it.
  5. I use this one, which is fairly easy to implement and gives explanations in the CSS code about the positioning http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
  6. Scroll to the bottom of the page and there is a download link there, which will probably contain some instructions. If not get back to us once your have downloaded the files.
  7. virtual

    resize image

    Leave the html the way it is and add these 2 lines in your CSS to the .title tag float:left; margin:35px 20px 0 0;
  8. Plus the fact that you do not have a Doctype at all which Thelma already pointed out in another post.
  9. virtual

    resize image

    Float left the Photo Album and then adjust the top and right margins to position your h2 tag opposite the image. That will place the camera2.jpg to the right of Photo Album.
  10. Can you post a link to that article please. There's an awful lot I don't know about CSS, I'd like to find out how little I think I know is already wrong...!!! P.S. Maybe I need another lifetime...?
  11. Quite right, sorry for my slip up, I should have remembered that PHP doesn't show up in source code before I posted, I get those moments sometimes..!
  12. That is actually the easiest part, but they are also trying to sell you something else besides the hosting. And they are very good at marketing ....
  13. If you delete the display: table-cell on both navigation and content divs your space disappears, but on Firefox Mac the content then displays underneath the navigation, I didn't test on a PC.
  14. You will need to provide a link to your page or at least provide the code that you are having an issue with.
  15. Ok all you do in Photoshop is create a mockup of what you want your site to look like. Then you have to slice up your mockup to get the usable parts that you want to display on your website, e.g. logo, header, background, navigation buttons etc. The colours and any boxes around areas can be displayed using CSS. (Note I would certainly not recommend using text within your images as per the garysimon tut, text should be in the HTML code, unless you are using some fancy font for your logo) Your next step is to set up the HTML code and CSS to display your website, your different sliced images will usually be displayed as background images in the CSS for the main set up of your site. You do not need any fancy expensive software to do this part, but you absolutely need to learn how to code in HTML and CSS. Depending on the platform you are using, there are a lot of free text editors specifically for coding and you will also need to download several different browsers to test your site, e.g. Firefox, Chrome, Safari, Opera and versions 6, 7 and 8 of Internet Explorer, as each of IE's browsers behave a little differently. All of the browsers are also free downloads.
  16. You might need to also check the following boxes in the "Open and Save" - as Ben told you -- open up TextEdit -- go the the Preferences -- go to Open and Save Check ignore rich text commands in HTML files Check ignore rich text commands in RTF files Uncheck add ".txt" extension to plain text files Then you can fill in your HTML options from the drop down menus Remember these changes only apply to new files, as Ben explained, previous files saved in Rich text format will need to be copied and pasted into a new file and then saved.
  17. Definitely cleaner and less cluttered than your Ionysis site, but it somehow doesn't gel together. As Enormity says, the right side navigation is not lined up and personally I think it should be grouped together.
  18. Too cluttered for my taste and it would be nice if the top links had a rollover effect.
  19. I didn't like the transparencies in the white site, makes it too cluttered and fussy. I prefer the white site but in both cases light site or dark site I would lose the background image it adds nothing to the design.
  20. On the menu bar, go to Help - About Internet Explorer, that should give you the version you are using.
  21. Submitted it. Good luck with your project
  22. Sorry can't help. Tear your hair out and rip your clothes if you must, but please don't commit suicide no web site is worth that sacrifice...!!!
  23. It is important that you test in different versions of IE as they do not behave the same way. You can download IE 6, 7 and 8 from this site http://finalbuilds.edskes.net/iecollection.htm. Then Firefox, Safari and Chrome. It is also a good idea to find someone who can test on a MAC for you too.
×
×
  • Create New...