|
|
Posted by Jonathan N. Little on 12/02/07 19:04
Jonathan N. Little wrote:
> David Segall wrote:
>
>> Thanks again. That works perfectly and I have posted the corrected
>> version as
>> <http://www.profectus.com.au/ee_headingexample_corrected.html> for
>> anyone who finds this via a web search.
>
> "perfectly" Are you sure? Have you view the page with the browser window
> < 800px wide?
>
If I had to do this is how I would do it...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Better Way</title>
<style type="text/css">
#heading {
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 100%;
overflow: hidden;
color: rgb(255, 204, 0);
/* put image as bg on heading with offset for text */
background: rgb(7, 33, 125)
url(http://www.profectus.com.au/images/headingbackground.jpg) no-repeat
13em top;
font: bolder 22px Verdana, Arial, Helvetica, sans-serif;
}
/* no need for floats, just regular inline will do */
#heading img { vertical-align: middle; }
/* change of color on VOUS */
#heading span { color: rgb(255, 255, 255); }
/* offset for heading */
body { margin-top: 90px; }
</style>
</head>
<body>
<div id="heading">
<img
src="http://www.profectus.com.au/images/Logo_FlindersStStation_MEL_U_Photographer%20Enzo%20Amato_050307_445V_357x150.jpg"
alt="Logo">
RENDEZ<span>VOUS</span>
</div>
<h1>foo</h1>
<p>bar...</p>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|