Jump to content
UncleStef Mentoring Update: New SEO course!

tchoy

Member
 View Profile  See their activity

  • Posts

    44

  • Joined

  • Last visited

 Content Type 

Posts posted by tchoy

  1. zooming problem with main menu

    in CSS

    Posted

    Do the following:

     

    #navigation {
padding-bottom:20px;
}

     

    #navigation ul {
float:right;
font-family:Verdana,helvetica,Arial,sans-serif;
font-size:12px;
}

     

    #navigation li {
float:left;
list-style-type:none;
padding:0 7px;
}

     

    thanks that worked, what if i want to move it closer to the logo, do i add margin-left? but in the ul or li style

  2. zooming problem with main menu

    in CSS

    Posted

    You can also delete margin-left in the #navigation ul and replace with float: right;

    However you will need to add some padding to the #navigation tag as the menu hides under the logo when you zoom in. The #navigation tag has no css styling only the margin, padding 0 inherited from the body tag.

    Tested only in Firefox.

     

    Okay, I tried what you and Wickham said and I had adding the padding to the #navigation tag and I can't see the menu item using IE 8.

     

    What did I do wrong?

  3. Problems with different versions of Internet Explorer

    in CSS

    Posted

    Internet Explorer 6, 7, and 8 are web browsers and you can view web pages with them, but you cannot code anything with IE. And even if you get get IE7 back, and the page looks ok for you with that browser, others could be viewing them with all kinds of different browsers and versions, and a website should look decent in ALL the current ones.

     

    When I look at your code in code view, I see 

    Art Director

Betty Yeung


Web Master

Tina Choy

    You're missing the

    tags after the Web Master and the Tina Choy .

     

    Thanks, I did also see that after every title where I have strong it's missing the

    tag.

    I'm sorry, I did not mean code with IE 7, I coded it in microsoft front page and viewed my website via IE 7.

     

    I added the

    tag where it should, added classes so I don't have the

    any longer, but in IE 8, the bottom two is still not aligned with the right column. In IE 7, it looks correct.

    Any ideas how to correct?

  5. Problems with different versions of Internet Explorer

    in CSS

    Posted

    Internet Explorer 6, 7, and 8 are web browsers and you can view web pages with them, but you cannot code anything with IE. And even if you get get IE7 back, and the page looks ok for you with that browser, others could be viewing them with all kinds of different browsers and versions, and a website should look decent in ALL the current ones.

     

    When I look at your code in code view, I see 

    Art Director

Betty Yeung


Web Master

Tina Choy

    You're missing the

    tags after the Web Master and the Tina Choy .

     

    Thanks, I did also see that after every title where I have strong it's missing the

    tag.

    I'm sorry, I did not mean code with IE 7, I coded it in microsoft front page and viewed my website via IE 7.

  6. Problems with different versions of Internet Explorer

    in CSS

    Posted

    on my website - www.ohka.org/index-new.html

     

    I installed internet explorer 8 and when I go to about ohka, our board page (about-board.html), the very bottom where it says webmaster does not line up correctly with everything else - do I need to set the margins there with another class?

     

    Also in the media page, ohka journal (media-journal.html), the titles of the articles are overlapping each other.

     

    On another pc, I have internet explorer 6 and on all the pages, except home, the text underneath the heading, left hand side does not show.

     

    How do I fix these problems?

     

    I had originally coded this using internet explorer 7. Anybody know how I can get internet explorer 7 back?

  7. zooming problem with main menu

    in CSS

    Posted

    in my website - http://www.ohka.org/index-new.html

     

    I have the menu items - home, about ohka, events, media, join ohka

     

    when someone zooms to 125% or 150%, it looks funny, they are smushed together.

     

    when you depress the 'events' menu item it still wants about ohka, and now when 'media' is clicked, events i brought up

    and likewise with join ohka brings up media and a blank next to join ohka brings ups join ohka.

     

    how can you fix this problem?

  9. default font and font size

    in CSS

    Posted

    Does anyone know what the default font and font size is?

     

    Say like I have a paragraph specified with

     

     

    And I don't specified a class or a css style for it, the default font looks like times new roman, but I'm not sure and the font size because when I did specify the style as times new roman and font size 15px, it looks a little smaller than when I did not specify. The only reason I did was because in another

    , it had to be a different font and font size.

  10. stylesheet problem

    in CSS

    Posted

    I have done this

    and this

     

    .homePage ...{ style here }

    .aboutPage ...{ style here }

     

    I have done this because of some #right-column styles that are different.

    I needed to do this with the h2 and h3 as well. But I noticed that I should not do .aboutPage h2 or .aboutPage h3 because the h2 and h3 in the about pages have the same style, so I added a class to it in the html and put into the base.css file. But it's not taking the style. What did I do wrong? Is it because I have a class in the body tag already?

  11. stylesheet problem

    in CSS

    Posted

    I had moved all my styles in www.ohka.org/index-new.html to a stylesheet file. It was the same styles I had before.

    Before I start moving the rest of the files styles and linking to this stylesheet, I want to make sure it works.

     

    But if you look at index-new.html on the website, it looks different than when I had the style in my index-new.html page.

    Look at the other pages that I didn't link to the stylesheet yet.

     

    What did I do wrong?

  12. resize image

    in CSS

    Posted

    You could give your body tag a class (""), and then done something like this:

     

    .homePage h2 { style here }

    .contentPage h2 { style here }

     

    Thanks. One more question on this -

     

    in my home page I have another h2 but for the right-column and the h2 style in another file is under div id right-column,

    would I put .homePage #right-column h2 { } and .aboutPage h2 { } (this one is right under div id=right-column

  13. float right a picture (jpg)

    in CSS

    Posted

    Tchoy wrote

    I'm just wondering why in one file it's .cam img and this one is img.jpg

     

    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.

     

    In one file I had used .cam img and floated it to the right. I had used .jpg img and it did not float to the right, so someone told me to use img.jpg. So I'm wondering why there are two different ways to do this.

  14. float right a picture (jpg)

    in CSS

    Posted

    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;

    }

     

    I'm just wondering why in one file it's .cam img and this one is img.jpg

  18. resize image

    in CSS

    Posted

    Since you have styles on each page, you can just bet that they are not all the same and don't all contain everything you need for every page - so which one are you going to pick as your 'global'?

     

    And if you plan on using the styles that are currently in the header of each page and turn them into separate stylesheets, you're totally missing the point.

     

    I have h2 in my index-new.html page that is a different style than say what I have in about-main.html.

    Also, in some of my pages I need to move the boat img up with padding and some I don't.

     

    How would I specify the h2 two different ways in one css file?

  21. resize image

    in CSS

    Posted

    I loaded up the pages that I fixed with your structure. Not finished yet, some are still the old way.

    Anyway, I loaded this one with your coding that you had given me and the img is still on the left. What am I missing?

     

    I will add the alt tags per your suggestion and move the styles to an external stylesheet when I have a finished product.

    Thanks for your help.

  22. resize image

    in CSS

    Posted · Edited by tchoy

    I changed the coding, so I don't think I can do the above.

    Is there a better way using css to position the img source right after photo album with spacing than what I have here.

    Had to add it into the heading in order to get it right after the photo album text.

  23. how to have scrolls within the container

    in CSS

    Posted · Edited by tchoy

    I used your code for all my pages so far and it's working.

    My only problem in this code is the h1 heading. It does not line up directly above Calendar of Events.

    Same code as all my other pages, but this one does not work.

     

    thought this did not work, but figured it out, the Calendar of Events needed to be moved over because the Events (h1) is centered and since it's shorter text than my other file's h1 heading, I thought it did not line up correctly.

×
×
  • Create New...