Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About Abby

  • Rank

Previous Fields

  • Languages
    HTML, CSS, Flash

Contact Methods

  • Website URL
  • ICQ

Profile Information

  • Gender
  • Location
    Austin, TX, USA
  • Interests
    writing, animation, science fiction
  1. Abby

    floating problem redux

    dsonesuk: Thanks again! That's very helpful, and it worked.I have a related problem page, now. Here it is. There's a blurb with position:absolute, contained inside a position:relative div. It's not working the same way, and maybe that's because it's a div (with a list inside it) instead of part of a list. When the browser window gets narrow, the blurb steps down and messes up the presentation of the thumbnail gallery. Is there any way to prevent it from stepping down? Here's the HTML: <div class="relative"><div class="blurbbgs"> Additional Information: <br><br&g
  2. Here's my problem page. When the browser is sized down, the captions (floated to the right) force each image down. I don't want this to happen. I would rather have the caption float over the image than force the image down.Please ... I beg ... will someone explain exactly how I might accomplish this? I think I have some kind of learning disability where floats are concerned. Here's my HTML:<div class="gallerycontainer"> <ul class="skecial"> <li> <p class="caption">Modeled for <a href="" title="Shrek: Ogres and Dronkeys">Shrek: Ogres and Dronkeys</a> fo
  3. Abby

    Safari and Opera

    Would Safari for Windows accurately reflect what a Mac user experiences?Thanks for the advice so far.
  4. Most of the pages on my new website have a fixed footer. The HTML for it looks like this: #fixedfoot {width:90%;height:auto;color:#565;text-align:center;line-height:96%;font-size:60%;clear:both;position:fixed;bottom:0;left:0;z-index:2;margin:0 0 0 142px;padding:0;} This is fine in FF and IE8, but when I view my website on an iPad, the footer sticks in one place when I rotate the iPad or scroll around. Can anyone tell me how to get around this problem?
  5. Abby

    <a> font

    LOL! That says a lot about my ex-boyfriend ...
  6. Abby

    floating problem again

    Here's the page. (Warning: Nude drawings, may not be safe for work).I added display:inline-block, and I altered the min-width to 560px. That solves the problem for FF and IE8, but it still displays wrong in IE7. What's wrong with using a <span>? I don't know much about how CSS and HTML really work.Thanks for your help!
  7. I have a simple container with text-align:left, and other text floated on the right (with a large right margin). The right-floated text should be on the same line as the left text. It should *never* wrap to the next line. Assiging a "float:right" to this special text works fine in FF and IE8. However, it wraps to the next line when the browser window gets minimized a lot. And worse ... it wraps immediately in lower versions of IE. How do I work around this problem? I've included the relevant code, below.HTML: .blurb { min-width:200px; max-width:85%; color:#000; text-align:left; li
  8. I have FireFox and IE8, but I don't want to install a whole ton of browsers just to test my one website-in-progress.I've been using this IE net renderer site to test it in other versions of IE. But I can't find anything similar for Safari and Opera. How do the more experienced web developers address this problem?Thanks.
  9. Abby

    Set a text?

    Can you be more specific? What section, and what's the problem?
  10. I'm afraid I don't understand. Changing these sizes doesn't limit the images to three per row. How would I do that? When I constrain the .highslide img to a specific height, some of the thumbnails become blurry, since the image files are varying heights. But at least giving them a uniform height makes them fall into line instead of wrapping in crazy rows. I guess I can go through the actual images and re-save them to all have the same height. Thanks!EDIT: I found a quicker work-around, and I just hope it works in all browsers. I set a max-height for the img, and set a ul li height that c
  11. Neither suggestion is ideal. What elements are non floated? The thumbnail gallery li are all floated left (and floating them right or widening the margin doesn't help).I took out the clear:both divs in the thumbnail gallery, and you can see the result on my updated page here. In my browser, the thumbnails wrap strangely. I would like to limit them to four thumbnails per row, to prevent the poor layout when it wraps to the next line. That's why I placed the clear:both divs between every four thumbnails. A simple <br> doesn't work. Since clear:both divs doesn't work either ... is
  12. I'll just add a link to this page of my website. It's pure CSS and HTML, and view source might help you out. I use a background image fitted to the whole browser window, and there is also a container with some opacity on it.
  13. After all this time, I still have trouble with floats.In my life drawing gallery (warning: nude drawings, may not be work safe), I'd like to display one large image next to an image gallery of thumbnails. I've floated the large image, but no matter what I do, the thumbnails wrap below it, since they are also floated. This creates an ugly design.I want the thumbnails to stay close together. It stands to reason that either the large image or the thumbnail gallery needs to be inside its own container, but nothing I do seems to work. How can I solve this problem? Here's the relevant CSS: .ga
  14. Thanks so much! That highslide editor is awesome. I really appreciate it.
  15. Here are a few good articles on liquid layout columns using CSS and HTML:http://matthewjamestaylor.com/blog/perfect...n-left-menu.htmhttp://www.maxdesign.com.au/articles/css-layouts/two-liquid/http://inobscuro.com/tutorials/common-layout-codes-29/Without digging through all that code, it helps to set padding and margins to 0 to get rid of extra white space.
  • Create New...