HTML - Non-sql Blog Or Alternative

Hi

I've built a website for my karaoke show, and would like to add a blog page to the site.

Rather than 3rd party, I'd prefer to have my own blog on my own domain to increase traffic for the SE crawlers.

I was wondering...

- what some good options are ie what blog software to use
- if I can have a blog that somehow incorporates Facebook and Twitter (i've seen Facebook connect, but I'd like something that posts my blog messages to my Facebook and Twitter pages)

I currently have a Typepad blog on there, but as I said, I'd prefer to have my own blog code, not third party.

The site is www.billygoatkaraoke.com.au , and I'd really like the blog to stay on the site - I'm thinking that I'll have a blog page open up over the goat when someone clicks on the BLOG link.

Cheers

Shaun

Hi I am new to this site,
I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/

1. the post titles are coming some other way, without linking and some coding.
2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder.
3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center.

please, advices from the pros where I am getting wrong.

thanks in advance, chander

Hi, I have a problem with my fileserver which might take a long time to fix, it works randomly, so I was wondering if there was a way to supply TWO SRCs in ONE HTML string, both serving as ALTERNATES.

This is what I mean. Will this work? I tried to see if it works, and it does NOT work. How can I make ALT SRC work.

<img src="URL1/johnhall.jpg" alt src="URL2/johnhall.jpg">

Once again, what I mean is...if URL1 fails for some reason, then URL2 loads johnhall.jpg....that means the website reader does not face any interruptions. How to make this work

Thank you in advance for any advice.

Hello guys, ew to this forum and relatively new to the world of infinite coding! I have a small dilemma, in that my funky 'competition' boxes, when put onto my page, mess up all the other styling.

I have come to the conclusion that using <div> tags was a bad idea. I have a main CSS file called master.css controlling most of the syling, however the bulk of the text and content parts are made using div tags.

Being really difficult to explain, I'll post a link:
http://www.area51clan.seemeplayme.net/ben/test2.html

The code for this:
Quote:
<form action="competition.php" method="post" target="_blank">
<div><img src="images/competition.jpg"></div>

<div id="linkinput" style="background-image:url(images/competition2.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Forename" align="center"/>

<img src="images/competition6.jpg" align="center"></div>

<div id="linkinput" style="background-image:url(images/competition3.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Surname" align="center"/>

<img src="images/competition7.jpg" align="center"></div>

<div id="linkinput" style="background-image:url(images/competition4.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Email" align="center"/>

<img src="images/competition8.jpg" align="center"></div>

<div id="linkinput" style="background-image:url(images/competition5.jpg); background-repeat: no-repeat; width:180px; height:30px">
<input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Answer" align="center"/>

<img src="images/competition10.jpg" align="center"></div><br /><br />
<input type="submit" value="Submit">
</form>

This is what I want, on this page: [note that the lighter coloured parts are fields which do feed into a database and work.]
http://www.area51clan.seemeplayme.net/ben/home.html
The little box on the right side with 'ABC' in it is where I want it. Alt > View source [in IE] will show you the HTML.

I wasnt sure if you needed the CSS, as Im not very good with that and it isnt my code, so here it is:

Quote:
body{
background: url(images/bg2.jpg);
margin: 0px;
padding: 0px;
text-align: center;
}
td{
vertical-align: top;
text-align: left;
}
#div-table{
margin-left: auto;
margin-right: auto;
width: 1000px;
}
.table{
width: 1000px;
}
.left-side{
background: url(images/left-ex2.jpg) repeat-y;
width: 110px;
}
.right-side{
background: url(images/right-ex2.jpg) repeat-y;
width: 110px;
}
.top{
background: url(images/ate-fat2.jpg) no-repeat;
width: 779px;
height: 36px;
}
.foot{
background: url(images/foot2.jpg) no-repeat;
width: 779px;
height: 43px;
}
.head{
background: url(images/head.jpg) no-repeat;
width: 779px;
height: 125px;
}
.left-content-t{
background: #FFFFFF;
width: 569px;
}
.right-content-t{
background: #FFFFFF url(images/nav-bg-right2.jpg) repeat-y;
width: 210px;
}
.content-header{
background: url(images/content-head2.jpg) no-repeat;
width: 569px;
height: 47px;
}
.c-head-div{
margin-left: 25px;
margin-top: 22px;
margin-right: 25px;
font-size: 10px;
font-family: Verdana;
}
.c-head-div a:link{
text-decoration: none;
color: #1C1C19;
}
.c-head-div a:hover{
text-decoration: underline;
font-weight: bold;
color: #2C4D00;
}
.c-head-div a:visited{
text-decoration: none;
color: #1C1C19;
}
.c-head-div a:active{
text-decoration: none;
color: #1C1C19;
}
.content{
background: #1C1C19 url(images/content-bg2.jpg) no-repeat;
width: 568px;
height: 487px;
border-left: 1px solid #3D3D31;
}
.content-div{
margin-left: 22px;
margin-right: 22px;
margin-top: 3px;
font-family: Verdana;
color: #999999;
font-size: 10px;
}
.nav-top{
background: url(images/nav-topb.jpg) no-repeat;
width: 210px;
height: 34px;
}
.nav-text{
margin-left: 12px;
margin-right: 17px;
margin-top: 10px;
font-family: Verdana;
color: #999999;
font-size: 10px;
}
.nav-div{
margin-left: 12px;
margin-right: 15px;
margin-top: 9px;
font-size: 10px;
font-family: Verdana;
}
.nav-bg{
background: url(images/nav-bg2.jpg) no-repeat;
height: 89px;
}
/* Nav Linsk */
.home{
width: 81px;
height: 31px;
}
.roster{
width: 82px;
height: 31px;
}
.forums{
width: 87px;
height: 31px;
}
.join{
width: 80px;
height: 31px;
}
.servers{
width: 91px;
height: 31px;
}
.info{
width: 118px;
height: 31px;
}
.dl{
width: 120px;
height: 31px;
}
.irc{
width: 120px;
height: 31px;
}
So, is there an alternative to using div tags, do I put the code in the CSS or is there something else? Sorry to be such a bore guys, but ive been trying this for ages and it just doesnt want to work...Ignore the content too - this is for my ICT coursework.

Thanks again guys, and sorry for the huge post!

TracNav

Hi - so I'm a bit of a noob to all this html business, but have done a bit of C at uni. Basically I'm embarking on a little home project trying to create a notepad web app- that way i can have it in my bookmarks, as an app on my iphone, as a webclip on my mac's dashboard etc. I'm hosting it from my dropbox, got that bit sorted.
I thought I had it sorted when i found contenteditable, but alas no ios support, so I was wondering if anyone new of an alternative, basically all i want is a text box thats editable, a save and a refresh button.

Any help greatly appreciated,
Thanks,
Geoff.