Inline CSS
 

I would agree with William, in the long term, if your going to be building a bigger site using an external CSS sheet is a lot tidier and an easier to manage.
Although I think our budding young web designer:sconfused: should take the advantage of learning the way of 'inline' while he's starting out so that he can fully understand the difference.:boink:.

If Sami's OK with us having a chat about it on SC, lets go for it. It'll make a nice change from a crashed HDD!

Regards

Martin

Web Page Construction.
 

Well, its going to take some initiative by someone at your end to establish a forum, first...then you may as well transfer our discussions over to it to give it some substance to start with, and show folks what it is all about.

Was anyone going to respond to my last set of questions, or shall I wait until "we" launch the new site?

For purely selfish reasons, I had hoped for just a "helper" forum rather than a tutorial forum, although that might be the best place for it "TUTORIALS and HOW TO'S" I am a learn by doing sort of guy...instructions totally confuse me...I need the visual learning cues to work around. Like to tear things down to see how they work. I've also found that if we had a standard template, and since blogs are all the rage, and blogspot.com blogs are at hand...they can be used to prepare a teaching template...showing what goes where and what happens when "what" goes there...that is a big help to me, as I muddle my way along and insert <!---notes on the fly--->

Let me know if you need any help bouncing ideas around. I'm an avid learner.

TTYL...Al

Problem solved...SYSCHAT and GOOGLE links from images
 

After chipping away at the code from the source view, I've managed to come up with this...and it works. I slipped into my page near the bottom of the template in the following manner... Notice the code for inserting a GOOGLE search field that I manipulated. You can just copy and paste this code into your blog. You may have to dicker around with the correct spot though, if you are not using blogspot.com templates... Also notice the <br /><br plus a space at the beginning of each entry. This will separate the images by a space...want more space [?] insert another bit of code as above...

<!-----------------------leave this line------------------>
</MainOrArchivePage>

Techie section: <!---just type this in...it appears as shown--->

<br /><br <DIV ALIGN="CENTER"><a href="http://www.syschat.com"><img src="http://www.syschat.com/images/styles/syschat/style/logo.gif" border="0" alt="SysChat" /></a></div> <div class="nav"> <div class="nav_center"></a></p></a><DIV ALIGN="CENTER">

<br /><br <DIV ALIGN="CENTER"><a href="http://www.google.com/"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="" /></a></dd></a><DIV ALIGN="CENTER">

<br /><br <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
<br /><br <p id="blogfeeds"><$BlogFeedsVertical$></p>

<!--
<p>This is a paragraph of text that could go in the sidebar.</p>
-->

</div></div>
<!-- End #sidebar -->

</div>
<!-- End #content -->

<!-----------------------leave this line------------------>

<!-- Begin #footer -->
<div id="footer"><hr />
<p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>

</div>
<!-- End #footer -->

<!-----------------------leave this line------------------>

</body>
</html>

Html
 

Glad to hear it! I'll see about putting a few HTML tips together and ask Sami if I can post it somewhere, although I think for now it might well just end up in the development forum.

I'll keep you posted.

Regards

Martin

Working in vista?
 

Martin, I have been keeping up with the post on web plus , and thank you for being simple when it comes to creating a web page, here's my problem I finally decided to go for the "serif" freeware, got the code to unlock the software, opened it up and ""Nothing"" , it wont operate( I think) on my vista os, have I made an error somewhere that I do not realize, thank you for any help

Easy Web Design
 

Hello and thanks! My version works ok with vista, and it's only the next one up. It might be worth asking Serif to see if it's compatible.

If it doesn't work you can find version 7 or 8 pretty cheaply. There's one here for £9.99

Amazon.co.uk: WebPlus 7 Home Page Creator: Software

Or you can download a trial of version 7 here: Serif WebPlus 7 - vnunet.com

Regards

Martin

very helpful
 

Many thanks Martin, I shall look into an upgraded version, you have been very helpful in this matter

Forgot to mention something in my code...
 

I forgot to mention last time about the dashed lines, and what to do with them...

<!-----------------------leave this line------------------>
</MainOrArchivePage>

The dashed line will not appear on the web page, so I write myself personal "how to do" messages there. Like this... that way, I always know where to put stuff.

<!-----------this is where you insert the side bar code---->

And, don't forget to save a copy of the entire template after each final alteration. Number them Blog1 Template-sidebar1, Blog4 Template-header2, Testing Template-footer3, etc. or whatever...so that you can return to any stage of the operation on any of your blogs, and pick up where you erred.

Here is a new bit of code: I use mail2web.com sometimes to pick up my mail, when my regular site cannot be accessed... here is the code to take you there from your blog page, and for anyone visiting your page to do the same...they would go to THEIR mail site... Make sure that if part of it shows up underlined? ...that you delete the underlining but not the script...join it up to make one line of script.

<br /><br <script src="http://gmodules.com/ig/ifr?url=http://services.mail2web.com/Gadgets/mail2web.xml&amp;synd=open&amp;w=320&amp;h=230&amp ;title=mail2web.com&amp;border=%23ffffff%7C3px%2C1 px+solid+%23999999&amp;output=js"></script>

...pop it into your blog in the side bar...just above the following lines of script that show the blogger button

<br /><br <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
<br /><br <p id="blogfeeds"><$BlogFeedsVertical$></p>

Another two mysterious problem...
 

1. Bullets magically appear in front of links. I can't seem to find any ref's to them. What key word should I be looking for in my template?


For the readers: I have discovered why my sidebar often looks larger then it should be when I am testing and mucking about on my test site...and the contents of the sidebar go all wonky... the footer size should match the body content size, or be a bit smaller; e.g. if body size is 800 the footer should be around 600 or maybe 400...any larger, and it will "push" the contents of the side bar off the page...this took ages to figure out! Once I tracked that down, all fell into place...

Unordered Lists in HTML
 

Hello Al, for the bullets you should be looking at wether you have made an 'unordered list', the line usually starts with <ul>. For example:-

<ul>
<li>First item
<li>Second item
<li>Third item
</ul>

This will give you a bullet in front of each of the list items.

For your body content, check any 'align="center" attributes that you have used to make sure they have been inserted correctly and contained within the line that you want to set the attribute to. If you've missed a bit then you may have accidentally set the attribute to the whole 'body'.

And that's the disadvantage of 'inline css'!

You can set up CSS styles which be applies to certain sections of your page so as to avoid having to find where you've made an error.

Regards

Martin