• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

Need help with HTML code?

J

jennyjackson

New Member
any one can check this header code for my blog its ok or not ? and where i put in Css?

.date-header {
color: #444444;
font: 10pt century gothic;
letter-spacing: 0.3em;
text-align: right;
<img src="<a href="http://i299.photobucket.com/albums/mm317/000fifi/22.jpg" target="_blank"><img src="http://i299.photobucket.com/albums/mm317/000fifi/lunapic-122837869563030.jpg" border="0" alt="Photobucket"></a>">
}
</style>

</head>
<body><br><br><br>
<div id="container">

<div id="header">

<DIV ALIGN=CENTER>
<img src="<a href="http://i299.photobucket.com/albums/mm317/000fifi/22.jpg" target="_blank"><img src="http://i299.photobucket.com/albums/mm317/000fifi/22.jpg" border="0" alt="Photobucket">
</DIV>
 
SetForNet said:
you need to separate css and html files
Click to expand...

You do not have to...

You can include all of your css elements in the document's head enclosed within <style></style>. You can also include css elements on a per object basis too using the style="x: y;" tag.
 
Everything looks messed up here. The OP should tell us what CMS is he using for his blog, and the URL.
 
I'm not sure I really understand what you're trying to do.

For this part of it:

HTML: 
.date-header {
color: #444444;
font: 10pt century gothic;
letter-spacing: 0.3em;
text-align: right;
<img src="<a href="http://i299.photobucket.com/albums/mm317/000fifi/22.jpg" target="_blank"><img src="http://i299.photobucket.com/albums/mm317/000fifi/lunapic-122837869563030.jpg" border="0" alt="Photobucket"></a>">
}
</style>

You're missing the opening style tag (<style type="text/css">). I don't know why you have images and links in your CSS code either. You can include CSS right onto the HTML page if you want as long as you put the right tags before and after it. A huge benefit of CSS though are external styles sheets, allowing you do style multiple pages with one file. To do that, you'd have a style sheet (like "style.css") with this:

HTML: 
.date-header {
     color: #444444;
     font: 10pt century gothic;
     letter-spacing: 0.3em;
     text-align: right;
}

Then on your HTML file, you'd put this:

HTML: 
<link rel="stylesheet" type="text/css" href="style.css" />

inside the head tags. Your HTML object needs to match the style sheet though. Right now, your style sheet has a class "date-header", so if you're trying to get a div to have those properties, you need to put <div class="date-header">Content here</div>

So at the end of it all you'd have something like this for your HTML file:
HTML: 
<html>
<head>
     <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<br><br><br>
<div id="container">

<div id="header">

<div class="date-header" align="center">
     <img src="<a href="http://i299.photobucket.com/albums/mm317/000fifi/22.jpg" target="_blank"><img src="http://i299.photobucket.com/albums/mm317/000fifi/22.jpg" border="0" alt="Photobucket">
</div>
</div>
</div>
</body>
</html>

and a CSS file with what I had above with the .date-header stuff.

I don't think your HTML is doing what you want though. It's outputting a broken image and a working image with no links right now. If I knew what you wanted it to do, I could help there.
 
You must log in or register to reply here.
Back
Top