Jump to content

falcifer

Members
  • Content Count

    55
  • Joined

  • Last visited

Community Reputation

0 Neutral

About falcifer

  • Rank
    Newbie
  • Birthday 07/15/1984

Contact Methods

  • Website URL
    http://www.flickr.com/photos/falcifer/

Profile Information

  • Location
    North Yorks., UK
  1. As far as I know, CSS styles are inherited... and there is an order of precedence...If I remember rightly it goesstyle properties inside element tags (e.g. <a id="redLink" class="colouredLink" style="color: red;" name="#top">Back to top</a>) overwritesInternal STYLE for IDs (e.g. <style> #redLink { color: blue; } </style>) overwritesInternal STYLE for classes (e.g. <style> .colouredLink { color: green; } </style>) overwritesInternal STYLE for elements (e.g. <style> a { color: yellow; } </style>) overwritesExternal style sheets (e.g. <link hre
  2. The problem is that the container for the thumbnails (the A element) has dimensions of 100x75. The IMG element inside has dimensions of 100x75.When you hover over the images, you have given them a border, which gives them dimensions of 102x77, which is larger than the container. And because you have them set to float:right, when IE resizes the container element, it moves it down to fit on the next line.Simply set the height of the A element to 77px and it'll work out fine. And you can set the width to 102px as well, but it's the height that's causing the problem.
  3. I've never used SQL before, so it's not really a term I come across a lot, so I had no idea I was pronouncing it wrong. I'll be sure to remember the correct way from now on.As for "data", I trust that Jean-Luc Picard knows how to say it right.
  4. falcifer

    IE problems

    Your DIV called "background" is the issue here. It's filling a space in IE because it's a block element and you've given it a height of 727px...So the sidebar is pushed down to 727px from the top... Also, you've used the "position: fixed" CSS property, and according to w3schools is doesn't work in IE -- it doesn't say it on the page, but I tried that page in IE and with position set to "fixed" you can't even set the top and left properties... so you'll have to use conditional comments to do some different CSS stuff for IE
  5. I've never done it myself, although I'm tempted to try it to see if it can be done...However, the "Save for web" command allows you to choose pre-set, "web-safe" options for a filetype. It removes all evidence of layers, so I'm not sure if your instructions are correct.You could design the page in Photoshop, with everything positioned where you want it, so that you basically had a screenshot of the webpage before you'd made it.Then if you had the image as the background of the webpage, you would have a guide for where to position the elements on the page using CSS.I know that you can use Photo
  6. "Select" only works on text fields, like textarea, or input boxes.
  7. Try removing the foreign character from the filename. Most browsers and servers won't deal with it very well. That should solve your problem.
  8. Try using this code instead<input id="embedCode" type="text" value="testingtestingtestingtestingtestingtesting" class="myWebEmbedNURLInputFont" size="47" onclick="java script: oInput=document.getElementById('embedCode'); oInput.focus(); oInput.select();" readonly="true" /> ID is used instead of Name, and you can then use the ID to locate the element, then give it focus.
  9. The problem is that you have a SPAN element with the ID "nav".The javascript you have uses "nav" as the name of the object. This causes a bit of a conflict, because IE already uses "nav" to identify the SPAN with that ID...Solution: Change the ID of the SPAN element, or change the name in the javascript to something like "oNav".
  10. margin: 0 auto;In FF, this centers the container DIV (as long as the width is set to something), but the DIV that is inside stays aligned to the left.In IE, it doesn't seem to have any effect.text-align: center;In FF, this simply centers the text (as it should). The position of the DIVs is unchanged.In IE, it aligns the text and the inner DIV to the center.Combined, you get the desired result in IE, but in FF you end up with the container DIV being aligned centrally, while the inner DIV is still aligned to the left.Firefox - the red box is the container. Which is aligned to the center. But the
  11. I've had this happen. For me, it was a problem with the character encoding of the page.If you specify the encoding that you need for the pages, then it will over-ride the settings of people's browsers so that the page is rendered how it should be.Something like <meta http-equiv="content-type" content="text/html; charset=UTF-8"> in the head of the pages should solve the problem.
  12. I just tried to recreate the error, using your code, but it works fine for me in IE and FF, so I'm not sure where the problem is...Perhaps there's some extra code in the full page that is messing things up.As I say, it works fine for me in IE 6. It would help to post the entire code for the page.
  13. falcifer

    IE screen refresh

    Do you have some code?I make a quick example which works fine in both Firefox and IE...<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><style type="text/css">#one{ position: relative; height: 100px; width: 250px; background-color: red;}#two{ position: relative; height: 100px; width: 250px; background-color: blue; display: none;}#three{ position: relative; height: 100px; width: 250px; background-color: green
  14. Setting the margin of the TD element directly does not work (at least not when I just tried it... maybe it does for you, but if it didn't work for me, then it's safe to say that it might not work for a few other people)The code I used was:<html><head><style>table{ background-color: black; }td div.cell{ width: 30px; height: 30px; margin: 15px;}td div#cell0{ background-color: #f00; }td div#cell1{ background-color: #f90; }td div#cell2{ background-color: #ff0; }td div#cell3{ background-color: #0f0; }td div#cell4{ background-color: #0f9; }td div#cell5{ background-color: #0ff; }td
  15. Why do you want to use something other than "cellspacing"? Is cellspacing now deprecated? I wasn't aware that it was...If you do want to use something else, then you can create DIV elements inside each cell. Set the width and height attributes, and the background color that you want in there.Then you can use the margin attribute to create the space between the content of the cells.You'll have to be careful about which sides you set the margin, and whether you use 15px or 30px to get the space you want, but that should do what you want it to.
×
×
  • Create New...