hi guys!
how can I assure the gray + red line under the titles are at the same distance below the text? ...
I want it to look like in IE, but firefox looks very weird...
here's the page:
<!-- m --><a class="postlink" href="http://www.bobbysmiles.com/temp/test/test31.htm">http://www.bobbysmiles.com/temp/test/test31.htm</a><!-- m -->
Hope someone can help me out?well what ever css command you wright, if you add a "!important; at the end it will be FF only
that way you can make margins or paddings or anything else different for IE and FFWhy: using images for text and lines and/or
img#titleimage {
margin-top: -4px;
}
img#headingimage {
margin-top: -14px;
}
h1 {
height: 0px; /* ??? */
}
#titleimage is a reference to a unique identifier no need for img in the selector.Originally posted by Fantatier
well what ever css command you wright, if you add a "!important; at the end it will be FF only
that way you can make margins or paddings or anything else different for IE and FF
Sorry, but I don't understand this
Can you give an example perhaps? or do you mean I can not make it look the same in IE and FF?example
font-size: 0.9em !important;
font-size: 0.7em;
this means in FF the textsize will be 0.9em
the other is for IE
that way you can try and get rid of differences in your site between IE and FFThe problem is a basic lack of understanding of html, css and accessibility.
Using a hack will only increase your problems.aaah, didn't know.
thanks, Fantatier!Originally posted by Fang
The problem is a basic lack of understanding of html, css and accessibility.
Using a hack will only increase your problems.
do you have another solution then?
I have already given it.Originally posted by Fang
The problem is a basic lack of understanding of html, css and accessibility.
Using a hack will only increase your problems.
at least he uses divs not tables
but yea, your probably right hacking is not a good idea hereSomething like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>text not images</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {
font:0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#note {
width:50%;
font-size:140%;
letter-spacing:-2px;
color:#c66;
border-bottom:#eee solid 3px;
}
h4 {
width:40%;
font-size:100%;
border-bottom:#c66 solid 2px;
}
-->
</style>
</head>
<body>
<p id="note">Notice of <strong>Claimed Infringement</strong></p>
<h4>Lorem ipsum dolor sit amet</h4>
</body>
</html>
how can I assure the gray + red line under the titles are at the same distance below the text? ...
I want it to look like in IE, but firefox looks very weird...
here's the page:
<!-- m --><a class="postlink" href="http://www.bobbysmiles.com/temp/test/test31.htm">http://www.bobbysmiles.com/temp/test/test31.htm</a><!-- m -->
Hope someone can help me out?well what ever css command you wright, if you add a "!important; at the end it will be FF only
that way you can make margins or paddings or anything else different for IE and FFWhy: using images for text and lines and/or
img#titleimage {
margin-top: -4px;
}
img#headingimage {
margin-top: -14px;
}
h1 {
height: 0px; /* ??? */
}
#titleimage is a reference to a unique identifier no need for img in the selector.Originally posted by Fantatier
well what ever css command you wright, if you add a "!important; at the end it will be FF only
that way you can make margins or paddings or anything else different for IE and FF
Sorry, but I don't understand this
Can you give an example perhaps? or do you mean I can not make it look the same in IE and FF?example
font-size: 0.9em !important;
font-size: 0.7em;
this means in FF the textsize will be 0.9em
the other is for IE
that way you can try and get rid of differences in your site between IE and FFThe problem is a basic lack of understanding of html, css and accessibility.
Using a hack will only increase your problems.aaah, didn't know.
thanks, Fantatier!Originally posted by Fang
The problem is a basic lack of understanding of html, css and accessibility.
Using a hack will only increase your problems.
do you have another solution then?
I have already given it.Originally posted by Fang The problem is a basic lack of understanding of html, css and accessibility.
Using a hack will only increase your problems.
at least he uses divs not tables
but yea, your probably right hacking is not a good idea hereSomething like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>text not images</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {
font:0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#note {
width:50%;
font-size:140%;
letter-spacing:-2px;
color:#c66;
border-bottom:#eee solid 3px;
}
h4 {
width:40%;
font-size:100%;
border-bottom:#c66 solid 2px;
}
-->
</style>
</head>
<body>
<p id="note">Notice of <strong>Claimed Infringement</strong></p>
<h4>Lorem ipsum dolor sit amet</h4>
</body>
</html>