SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 30 of 30
  1. #26
    Community Advisor bronze trophy
    fretburner's Avatar
    Join Date
    Apr 2013
    Location
    Brazil
    Posts
    1,387
    Mentioned
    45 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by etidd View Post
    Are you seeing this produce a list on Firefox? I see it works on all other browsers except FF.
    Sorry Tyler, I made a mistake, the IF condition is wrong. Instead of:
    Code JavaScript:
    if (item.textContent) {
    it should be:
    Code JavaScript:
    if (typeof item.textContent === "string") {
    that'll teach me to post without testing in FF first!

  2. #27
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I wonder why Firefox doesn't work well with the other code.

    It may also be fair to say that I've learned a boat load more than you have in this thread!

    I would have responded sooner, but I was looking up what a lot of this logic and methods mean and what purpose they serve. I'm still wondering what the document fragment does.

    Thank you so much!

    -Tyler

  3. #28
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    This may be strictly a CSS issue, but I want to style the lists. I don't know if JavaScript can disrupt CSS styles, but I seem to think this is strictly CSS. I guess I should go post over there if I still can't figure this out.

    The list doesn't seem to be taking on a list style nor am I seeing the font size change.
    HTML Code:
                        <div id="errormessage">
                            <p>The following errors occurred with your submission:</p>
                            <ul>
                            </ul>
                        </div>
    Code:
    #errormessage ul li{
    	list-style:disc;
    	font-size:.8em;
    }
    I also tried to target just by using #errormessage ul.

  4. #29
    Community Advisor bronze trophy
    fretburner's Avatar
    Join Date
    Apr 2013
    Location
    Brazil
    Posts
    1,387
    Mentioned
    45 Post(s)
    Tagged
    12 Thread(s)
    Try adding some left padding to the ul - at the moment it doesn't have any, so the bulletpoints aren't visible:
    Code CSS:
    #errormessage ul {
        padding-left: 10px;
    }

  5. #30
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Right again! That's what the issue was.


Tags for this Thread

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
  •