Hot Scripts Forums - CSS http://www.hotscripts.com/forums/ .body { Discuss everything about Cascading Style Sheets in this forum } en Sun, 22 Nov 2009 15:57:59 GMT vBulletin 60 http://cdn.hotscripts.com/forums/hsforum/misc/rss.jpg Hot Scripts Forums - CSS http://www.hotscripts.com/forums/ @font-face help (Trying to get a graceful degrade) http://www.hotscripts.com/forums/css/55944-font-face-help-trying-get-graceful-degrade.html Sat, 21 Nov 2009 02:04:27 GMT I'm using @font-face to embed a font, but the custom font has a different scale than the system fonts it degrades to. For example:

Custom font at 25 px is about the same "size" as 12 px Arial.

The problem arises when an older browser doesn't support the custom font, it degrades to Arial, but still keeps the 25pt making the text much larger.

I'm wondering if there's a CSS trick for this, or if anyone can suggest a typography program that will allow me to change the aspect ratio / height size of a font file.

Thanks!

HTML Code:
@font-face { 
  font-family: "My Font"; 
  src: url(../font/myfont.eot); /* IE */ 
  src: local("My Font"), url(../font/myfont.ttf) format("truetype"); /* non-IE */ 
        }

       
body {
        font-family: "My Font", Arial, sans-serif;
        font-size: 25px;
        }
]]> CSS therocket954 http://www.hotscripts.com/forums/css/55944-font-face-help-trying-get-graceful-degrade.html help with csshover3.htc please http://www.hotscripts.com/forums/css/55815-help-csshover3-htc-please.html Tue, 10 Nov 2009 02:28:47 GMT I am learning to create drop down menu using css. Everything works fine in chrome, FF. But IE 8, the submenus don't pop up. All the info I read by googling said that using csshoverX.htc file from peter ned and conditional comment for IE in style sheet should make the submenu pop out, but it didn't

I have done an exhaustive googling but didn't find fix. Any help would be greatly appreciated. My very simple html, css, and csshover3.htc are attached with this post as txt files. All files are in the same folder/directory on my local machine, which is xp pro.

Thanks
Attached Files
File Type: txt csshover3.txt (9.1 KB)
File Type: txt index.txt (2.9 KB)
File Type: txt style_nav.txt (1.4 KB)
]]> CSS alexv55 http://www.hotscripts.com/forums/css/55815-help-csshover3-htc-please.html Internet Explorer, Why? http://www.hotscripts.com/forums/css/55802-internet-explorer-why.html Sun, 08 Nov 2009 08:09:29 GMT Hey Coders, I am currently working on a project located here: Team24CS (http://www.jxhnetwork.com/team24/). Right now, I checked the site with Opera, Fire Fox and Safari and everything appears as intended. Of course, when viewed with IE, there are issues. :uhh: I have never done any cross... Hey Coders,

I am currently working on a project located here: Team24CS.

Right now, I checked the site with Opera, Fire Fox and Safari and everything appears as intended. Of course, when viewed with IE, there are issues. :uhh: I have never done any cross browser style sheet fixes, so I was hoping to use this as an opportunity to learn this. I have seen other sites where in the head of the HTML code, they have scripts like "if. {internet explorer}" or what not. Anyone care to share some knowledge?

I tried Googling for it, but it seems I failed at choosing the right terms ;)

Any links or help is greatly appreciated!

Warm Regards,
Jason Xiao

P.S. I know there are validation errors. I will fix those when done :p ]]> CSS DieuxSoldat_04 http://www.hotscripts.com/forums/css/55802-internet-explorer-why.html Problem Aligning Images in a Row at Bottom of a Div http://www.hotscripts.com/forums/css/55725-problem-aligning-images-row-bottom-div.html Mon, 02 Nov 2009 03:22:22 GMT Hello, I am trying to get a row of divs to align at the bottom of a container div. With the CSS I have applied, everything is aligning at the bottom but the divs (and the images and text within them) all seem to be stacking on one another. I need them to display in a row with a 25px margin-right... Hello,

I am trying to get a row of divs to align at the bottom of a container div. With the CSS I have applied, everything is aligning at the bottom but the divs (and the images and text within them) all seem to be stacking on one another. I need them to display in a row with a 25px margin-right to all of the divs inside of the container.

The following is the css code for the divs:
HTML Code:
#container {
        position: relative;
        height:300px;
}

#subdiv {
        position: absolute;
        bottom: 0;
        float:left;
        width:25%;
}
The HTML is as follows:

HTML Code:
<div id="container">
    <div id="subdiv">
    Image and text inside.
    </div>
    <div id="subdiv">
    Image and text inside.
    </div>
    <div id="subdiv">
    Image and text inside.
    </div>
    <div id="subdiv">
    Image and text inside.
    </div>
</div>
If anyone can offer any assistance on this problem, your help is greatly appreciated. ]]> CSS sccc2008 http://www.hotscripts.com/forums/css/55725-problem-aligning-images-row-bottom-div.html This is driving me nuts: div appearing outside other div http://www.hotscripts.com/forums/css/55654-driving-me-nuts-div-appearing-outside-other-div.html Mon, 26 Oct 2009 22:59:42 GMT If you look here you will see that the red boxes are appearing outside the white area and over the footer. I'm not able to get those in the white content area, it's become very annoying.

Below is my code:

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; UTF-8" />
<title>Scenes | <?php echo $title; ?></title>
<link rel="stylesheet" href="template/style.css" type="text/css"/>
</head>
<body>
<div id="mainContainer">
    <div id="mainHeader">Header</div>
    <div id="topNav">top nav</div>
    <div id="content">
        <div id=catList>
            <div class="catBox">dfs</div>
            <div class="catBox">dfs</div>
            <div class="catBox">dfs</div>
      </div>
    </div>
    <div id="footer">footer</div>
</div>
</body>
</html>
HTML Code:
body {
        margin-top: 0px;
        background-color: #B1946C;
}

#mainContainer {
        width: 750px;
        margin: 0 auto;
}

#mainHeader {
        background-color: #FF0;
        min-height: 91px;
}

#topNav {
        min-height: 30px;
        color: #ffffff;
        background-color: #000;
}

#content {
        background-color: #FFF;
}

#catList {
        width: 710px;
}

#catList .catBox {
        float: left;
        width: 170px;
        background-color: #F00;
        min-height: 180px;
        margin-left: 10px;
}

#footer {
        width: 100%;
        min-width: 750px;
        background-color:#0F6;
}

What am I doing wrong? Help is much appreciated!

Thanks ]]> CSS nbaumann00 http://www.hotscripts.com/forums/css/55654-driving-me-nuts-div-appearing-outside-other-div.html