Need Help with CSS/HTML

bejay
Junior Poster

Posts: 47

Need Help with CSS/HTML Jan 14, 2011 2:18:56 GMT

Quote

Post by bejay on Jan 14, 2011 2:18:56 GMT

Okay. So here my problem. This is the code in question:

<!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>tures.ca Homer</title>

</head>

<body>

<style type="text/css">

body {

background-color: #000000;

background-image: url(/img/logo.png);

background-attachment: fixed;

background-repeat: no-repeat;

background-position: center center;

}

a { text-decoration: none; </style><!-- Foot -->

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot-bg"> </div>

<div id="foot" align="center"> <font face="wp_bogus_font"><a href="../../contact.htm" target="_blank"><font face="Calibri" color="#f8f0d0">Contact Us</font></a> <font face="Calibri" color="#f8f0d0">|</font> <a href="../../support" target="_blank"><font face="Calibri" color="#f8f0d0">Support</font></a></font></div>

</body>

</html>

It's very messy I know....

Anyway, you see the CSS bit? The bit of the code in question:

<style type="text/css">

body {

background-color: #000000;

background-image: url(/img/logo.png);

background-attachment: fixed;

background-repeat: no-repeat;

background-position: center center;

}

a { text-decoration: none; </style>

I would like the banner to link to a URL. I was told too use Divs, but I honestly have no clue how to go about it.

Any help would be appreciated!

Cam Administrator [M:5000] Posts: 6,381	Need Help with CSS/HTML Jan 14, 2011 2:52:01 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Cam on Jan 14, 2011 2:52:01 GMT <a href="link"><img src="image" /></a> ??

bejay Junior Poster Posts: 47	Need Help with CSS/HTML Jan 14, 2011 3:43:21 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by bejay on Jan 14, 2011 3:43:21 GMT The image is coded in CSS. I would use that if someone could tell me the code to get the image in the centre of the page, in HTML.

edenwax VIP v5 Beta Tester[M:5000] Posts: 1,266	Need Help with CSS/HTML Jan 18, 2011 4:07:06 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by edenwax on Jan 18, 2011 4:07:06 GMT Errr if your using more than one DIV with the same traits, use classes not ID's.

hbk Guest	Need Help with CSS/HTML Jan 18, 2011 16:16:10 GMT Quote Select Post Deselect Post Link to Post Back to Top Post by hbk on Jan 18, 2011 16:16:10 GMT Ben I'm offering to help over MSN. Hope to talk to you later. =]

Cam Administrator [M:5000] Posts: 6,381	Need Help with CSS/HTML Jan 18, 2011 20:57:58 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Cam on Jan 18, 2011 20:57:58 GMT Ben is on holiday.

edenwax
VIP

v5 Beta Tester[M:5000]

Posts: 1,266

Need Help with CSS/HTML Jan 18, 2011 22:06:38 GMT

Quote

Post by edenwax on Jan 18, 2011 22:06:38 GMT

Well..

Firstly, in the css you could do something like:


#DIV_ID {
 width: 500px;  /* change wdith to banner width */
 height: 100px;  /* change height to banner height */
 background: url(imageurlhere);
}

Then to link it... Using Divs? You could do:



a img {
 border: 0;
}

#DIV_ID {
 width: 500px;  /* change wdith to banner width */
 height: 100px;  /* change height to banner height */
}

Then in the HTML


<div id="div_id">
 <a href="URL"><img src="IMAGEURL" alt="banner"></a>
</div>

Also I will add that it is impractical and out of date to style via HTML style tags. CSS is an easier to edit and more efficient way of styling. I'll translate your HTML style tags into CSS for you.



#foot {
 margin: auto; /*center the div, works only if fixed width is given */
 width: 500px;
}

#foot a {
 font-family: Calibri, sans-serif;
 color: #f8f0d0;
}

with the html:



<div id="foot"> 
 <a href="../../contact.htm" target="_blank">Contact Us</a> |<a href="../../support" target="_blank">Support</a>
</div>

Last Edit: Jan 18, 2011 22:18:22 GMT by edenwax

bejay Junior Poster Posts: 47	Need Help with CSS/HTML Jan 19, 2011 2:29:40 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by bejay on Jan 19, 2011 2:29:40 GMT Can someone write just one code and show the bits for me to edit?

edenwax VIP v5 Beta Tester[M:5000] Posts: 1,266	Need Help with CSS/HTML Jan 19, 2011 3:08:52 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by edenwax on Jan 19, 2011 3:08:52 GMT You'll never learn if someone does it for you

hbk Guest	Need Help with CSS/HTML Jan 19, 2011 4:12:51 GMT Quote Select Post Deselect Post Link to Post Back to Top Post by hbk on Jan 19, 2011 4:12:51 GMT Jan 19, 2011 2:29:40 GMT bejay said: Can someone write just one code and show the bits for me to edit? I'll send you a PM then. As long as you keep referring back to it, you will learn from it.

Cam Administrator [M:5000] Posts: 6,381	Need Help with CSS/HTML Feb 8, 2011 3:20:54 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Cam on Feb 8, 2011 3:20:54 GMT How did this go?

hbk Guest	Need Help with CSS/HTML Feb 8, 2011 15:50:43 GMT Quote Select Post Deselect Post Link to Post Back to Top Post by hbk on Feb 8, 2011 15:50:43 GMT Sorted

Cam Administrator [M:5000] Posts: 6,381	Need Help with CSS/HTML Feb 8, 2011 18:29:18 GMT Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Cam on Feb 8, 2011 18:29:18 GMT Good to hear

Post by bejay on Jan 14, 2011 2:18:56 GMT

Post by Cam on Jan 14, 2011 2:52:01 GMT

Post by bejay on Jan 14, 2011 3:43:21 GMT

Post by edenwax on Jan 18, 2011 4:07:06 GMT

Post by hbk on Jan 18, 2011 16:16:10 GMT

Post by Cam on Jan 18, 2011 20:57:58 GMT

Post by edenwax on Jan 18, 2011 22:06:38 GMT

Post by bejay on Jan 19, 2011 2:29:40 GMT

Post by edenwax on Jan 19, 2011 3:08:52 GMT

Post by hbk on Jan 19, 2011 4:12:51 GMT

Post by Cam on Feb 8, 2011 3:20:54 GMT

Post by hbk on Feb 8, 2011 15:50:43 GMT

Post by Cam on Feb 8, 2011 18:29:18 GMT