SitePoint Sponsor

User Tag List

Page 2 of 3 FirstFirst 123 LastLast
Results 26 to 50 of 54
  1. #26
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://nyhungry.com/catering.php

    The second link as above.

  2. #27
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you suggest to change some of the id's to classes?

  3. #28
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    My advice still stands . In the second link you aren't reusing IDs

    Edit:

    Yes I do.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #29
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I will change it to classes some of the ids specially the ones that repeats.

  5. #30
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have fixed something

    Now I am trying to float left the green price class to the left of the picture.

  6. #31
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, on all the <p> tags you give clear:both; (I assume you have a reason), so you need to reset that for the prices, and then lower the width on it otherwise you will get a float drop because there just simply isn't enough room
    Code:
    #caterpic .price{width:76px;clear:none;}
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  7. #32
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you I will get on that later tonight.

  8. #33
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Ryan!

    I am having a little bit of trouble moving the .large class to the right of .medium class. the red background belongs to caterpic. I have width it enough so the .large class can float to the left and align with .medium but it keeps displaying below small and medium classes.

  9. #34
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, that's because there isn't enough width on the parent .

    The minimum the parent has to be is 647px
    Code:
    #firstiteration{width:647px;}
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  10. #35
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think I was really tired that I didn't see That #firstiteration was a parent of small, medium ad large classses.

    I was focus on caterpic and caterpic2 as believing that they were the only parent of those classes.

    Thank you again.

  11. #36
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    You're welcome .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  12. #37
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What means when the firebug has a line acrros the rule?

    for instance

    clear:both; with a __________ like that but through the middle of the rule?

  13. #38
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    It means that it is being overridden.

    If you scroll up a tad bit (on the right side selector list) then you will eventually see (in your case) a clear property overridding the clear:both;

    The highest up there have the highest specificity and the lowest down there have the lowest specificity
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  14. #39
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://www.nyhungry.com/example2.php...d=4&register=0

    how can I take the purple border around more?

    I have tried with boder:none and border-color:none without any results.


    Thank you.

  15. #40
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, I am seeing a blue bordder but whatever . The color of hte border d epends on the font color of the anchor. You must have cliked the link and that's why it's purple lol. Sorry I'm talking out loud right now lol

    The border is on the image, and it is on there because it is a child of an anchor and a border gets added to an image when that happens
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  16. #41
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The boder still displaying

    The anchors of the more class are #combodiiv #combo, and #acompana and all of them has boder:none; assigned to avoid the boder around the red more bottom display. but still it is displaying.

    What was the rule you saw that Had a blue boder assigned?


    How much I would like to get rid of that border around the bottom, Lol

  17. #42
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Why are you telling me you removed the border around the anchor? I told you that you need to remove the border around the images .
    Code:
    a img{border:0;}
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  18. #43
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I see was trying to eliminate it from the anchor didn't work.

    going to do that.

    thanks!

  19. #44
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    very strange in the css style sheet I tried like

    HTML Code:
    #combo #acompana .more a img{
    boder:0;
    }
    and in the html img tag I tried to style inline like:

    HTML Code:
    <div><img src="images/morebottom.gif" alt="more" style="boder:0;"></div>
    and then in the firebug it display like:

    HTML Code:
    <a href="#">
    <img style="" alt="more" src="images/morebottom.gif"/>
    </a>
    it display an empty style rule. When I have applied a boder:


    in others words it is not grabbing the rule.

  20. #45
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Yep. You misspelled it
    Code:
    "boder:0;"
    boder? You mean border?
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  21. #46
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Lol that's was funny, Let me go and correct it.

    Thanks!

  22. #47
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I corrected the spelling in the stylesheet and it didn't worked, but then I went and i corrected the misspelling at the inline style and the worked..

    thank you!

  23. #48
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    You're welcome .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  24. #49
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check this, If you go to the div class "more" and click on the link you will see that the <a> tags will color blue and then link. why the <a> tags has that height? I have put it auto so it can get the full size of the morebottom.gif. Well I assume I can do it that way. But how can I make the <a> tags to fit or match the size of it's child the img tag? Or better said How can I eliminate that blue square that appear when the more bottom is clicked.

    i have encounter this issue before.

    HTML Code:
    <div class="more">
    <a style="height: auto;" href="#">
    <img style="border: 0pt none ;" alt="more" src="images/morebottom.gif"/>
    </a>
    </div>

  25. #50
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    The blue box is caused by this line
    Code:
    #sidebar1 ul a:active, a:focus { background-color:#0000FF; color:#CC3300; text-decoration:none;}
    The background set

    Btw, if you combine rules via the comma, realize that each rule is independant. The a:focus should be "#sidebar1 ul a:focus"

    Why do you want the anchor to be the height of the image?

    FLoating the anchor or giving hte image display:block; or..heck there are a lot of ways
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •