McCloskey Grandeur (AKA the "help me learn HTML" t

A place for any sort of art you have done.

Moderator:Æron

Richard K Niner
Posts:4297
Joined:Wed Oct 20, 2004 5:08 pm
Location:On hiatus
Contact:

Postby Richard K Niner » Sun Sep 17, 2006 9:08 pm

<anytag styles="CSS STYLES GO HERE" /> - This powerful attribute allows you to quickly assign CSS styles to individual tags. EX: "background-color: #000000;". You should avoid this and use style sheets in the header to keep content and layout separated. Good for quickly testing something though.
^ There's a slight typo here. The name of the attribute should be the singular "style" As in:
<anytag style="CSS STYLE RULES GO HERE" />
<center>Image
K9U | Dog House | Av rotation</center>

The MAZZTer
Posts:1150
Joined:Mon Mar 27, 2006 2:31 am
Location:Destiny, several billion light years from Earth. Also known as Vancouver.
Contact:

Postby The MAZZTer » Sun Sep 17, 2006 11:27 pm

*cough* I, uh, I don't know what you're talking about :ninja: thankyou

osprey
Posts:5969
Joined:Wed Jun 14, 2006 2:48 pm
Location:Montreal, QC

Postby osprey » Mon Sep 18, 2006 6:49 am

Oh, and osprey: if you're using tables to define layout, divs (generic block containers) are better
I use a funky mixture of both. Needless to say, I write very ugly, mangled code. But it's not my day job, so I'm good.
Image
OK. pants it. I lied. It's drum and bass. What you gonna do?

The MAZZTer
Posts:1150
Joined:Mon Mar 27, 2006 2:31 am
Location:Destiny, several billion light years from Earth. Also known as Vancouver.
Contact:

Postby The MAZZTer » Mon Sep 18, 2006 2:39 pm

General rule of thumb is to only use tables for tabular layout of content if possible. DIVs always turn out easier to style and use etc.

Niko123000
Posts:3223
Joined:Fri Mar 31, 2006 9:27 pm
Location:Among Angels and Demons
Contact:

Postby Niko123000 » Mon Sep 18, 2006 9:50 pm

Can I just say you guys pretty much lost me after you explaine the tags I thought I knew. ((Esspecially when you got into the <div> </div> tag which I have NO CLUE what it is.))

But, there is good news. that little Email HTML thing is still coming in, and what's better, is it's also helping me somewhat, because it also tries to explain things, and I understand them.

I'm not saying I don't understand you guys, but occasionally you begin to mention certain stuff that I have no clue what is and I get even MORE confused. I do appreciate the help, really I do, and please continue to.

Just please try to understand That I'm like an Amish when it comes to HTML...

However, I do now fully understand linking to other pages using HTML. thanks to the latest Email which said this:
Let's add a hyperlink to this HTML code:

<html>
<body>
<b>This is my first HTML page<b>
<a href="http://www.resource-website.com/learnhtml">And this is my first hyperlink.</a>
</body>
</html>

You'll notice in the code above the a href tag. The 'a' in 'a href' stands for anchor (Link) description. It is ssed to link pages, etc.

The 'href' stands for Hypertext reference; the address of the destination of a hypertext link.

The definitions are not really important though...what is important is that you type the code exactly correct.

The hyperlink code written above produces:

And this is my first hyperlink.

Which links to the homepage of this site.

You can substitute any url on the internet, and you can also change the hyperlink text ('And this is my first hyperlink') to link to any file.

Also, it is important to note: You will also use hyperlinks to link to other files on your website.

For these files, instead of putting the full url you simply need to mak a link like:

<a href="html1ac.html">This link goes to the first lesson in this series.</a>

This link goes to the first lesson in this series.

This link works, because the HTML page 'html1ac.html' is has already been uploaded to my webhost, and is located in the same folder as this webpage you are reading.

I hope you have at least a basic understanding of hyperlinks.
I do understand this. and Now I can actually make the cast page I want ((I had it in mind where you click the character name, and then see all the info, plus one or two pics.)) and a ink page, however, the only problem I will have, is knowing how to link to the Pages... ((plus for some reason, my comci hasn't updated, yet I have enough comics in their to last at least three more updates...))
"No sir, I am not Insane, I just have Anger issues..." ~ The First words i said to my Counselor after I got kicked off the bus.
Wait, you want to see my Art? It ain't much to look at...
Titanic fans rejoice! I have a Titanic RP board. Only... not on the Titanic... and kinda on the Teen side...Nothing real gratuitous though!
"Evil isn't doing bad. It's doing bad and not Feeling bad about it afterwards." ~ Avaric, Wicked. Think about that the next tiem you call someone evil.

Richard K Niner
Posts:4297
Joined:Wed Oct 20, 2004 5:08 pm
Location:On hiatus
Contact:

Postby Richard K Niner » Mon Sep 18, 2006 9:57 pm

I do understand this. and Now I can actually make the cast page I want ((I had it in mind where you click the character name, and then see all the info, plus one or two pics.)) and a ink page, however, the only problem I will have, is knowing how to link to the Pages... ((plus for some reason, my comci hasn't updated, yet I have enough comics in their to last at least three more updates...))
Well, if you stick the pages in /workspace/webpages, as it says in the Ensign's Handbook, the link is just the filename of the page (from indextemplate.html, at least). And assume it's case sensitive.
<center>Image
K9U | Dog House | Av rotation</center>

User avatar
Blue Blur
Posts:593
Joined:Sun Aug 21, 2005 9:25 pm
Location:Your hard drive
Contact:

Postby Blue Blur » Tue Sep 19, 2006 1:22 am

Don't forget to go into your controls and click manuel update every time you update. Full updates also work to fix any problems with uploading.
I'm here, you just can't see me!

Triggerpoint is my not so new webcomic, and currently under heavy work before it resurfaces.

Niko123000
Posts:3223
Joined:Fri Mar 31, 2006 9:27 pm
Location:Among Angels and Demons
Contact:

Postby Niko123000 » Wed Sep 20, 2006 1:52 am

Ok, I have attempted to make a second page, and it came out semi ok.... it's just a link page for now. but I did get it good and I submitted it.

however, I'm having trouble.... for some reaosn, I'm getting a problem with this HTML. I'll show you the problem in a print screen.

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head><title>***comic_name*** - ***todays_date***</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body bgcolor="#333333" text="#ffff66" link="#ffffff" vlink="#AAAAAA" alink="#cc0000"> <div class="keen_ad" style="display:inline; align="center"> <center> <font face="Helvetica"> ***advertisement*** </div> <div class="main" align=center> <h1>***comic_name***</h1> <h2>by ***author***</h2> </font> <p> <table cellpadding="5" cellspacing="2" border="0" width="80%"> <tr> <td bgcolor="#111111" align=center> <img src="/images/bannerlarge1.png" alt="Banner"> </td> </tr> <tr> <td bgcolor="#000000" align=center> <font face = "Helvetica"> ***todays_comics*** <p> ***first_day*** ***previous_day*** ***next_day*** ***last_day*** <p> ***todays_notes*** <p>***calendar*** </font> </td> </tr> <tr> <td bgcolor="#111111"> <font face = "Helvetica" size="2"> Archive Cast Background <a href="http://border-walker.deviantart.com/">Gallery</a> Artist Forum Contact <a href="http://www.mccloskey.comicgenesis.com/links.html>Links</a> </font> </td> </tr> <tr> <td bgcolor="#000000"> <font face = "Helvetica" size="2"> ***comic_name*** is hosted on <a href="http://www.keenspace.com">Keenspace</a>, a free webhosting and site automation service for webcomics. </font> </td> </tr> </table> <font face = "Helvetica" size=1>Indextemplate design by Ping Teo of <a href="http://thejaded.keenspace.com">The Jaded</a>. The 'Charcoal Indextemplate' is free-use for all Keenspacers.</font> </font> <a href="http://easyhitcounters.com/stats.php?site=borderwalker" target="_top"><img border="0" alt="" src="http://beta.easyhitcounters.com/counter/index.php?u=borderwalker&s=flame" ALIGN="middle" HSPACE="4" VSPACE="2"></a><script src=http://beta.easyhitcounters.com/counter/script.php?u=borderwalker></script> <br><a href="http://easyhitcounters.com/step2.php" target="_top"><font color="#666666">Free Hit Counter</font></a> </center> </div> </body> </html>
http://img132.imageshack.us/img132/9413/untitledkk6.png

Basically, I want to have a bit of space between the seperate words that will eventually become Links, and for some reaosn, the last Link, which is the Links page ((whihc I'm now having another problem with...)) is melding with the HTML telling it to make another Table break and begin the next table.

and now My Links page is having a problem.

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head><title>***comic_name*** - Transportation to Yonder</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body bgcolor="#333333" text="#ffff66" link="#ffffff" vlink="#AAAAAA" alink="#cc0000"> <div class="keen_ad" style="display:inline; align="center"> <center> <font face="Helvetica"> ***advertisement*** </div> <div class="main" align=center> <h1>Places to Travel</h1> Places I find interesting, and that you may too. <p> <h2>Comics</h2> Comics I read and enjoy, I beleive you may too. <p> <a href="http://www.ozyandmillie.org/">Ozy And Millie</a> <p>The first Comic I have ever Read. It's what got me hooked from the start. It's wholesome, Lovable, and all around cool. It's about Two foxes and their adventures in a subrban neighborhood where every adult seems to be stupid. The only thing I can warn of, is that it has a lot of Liberalism. <p> <a href="http://woodsforthetrees.comicgenesis.com/">Woods For The Trees</a> <p>Comic About... well... I <b>THINK</b> it's about Jess, A collie, Reuben, A Fennec Fox, and Isabel, a Fox from the wild. Bit of British humor here folks. And I ow the creater many thanks of gratitude tailwags for helping me get this Site up in the first place. Thom is a SAVIOR! <p> <a href="http://wolftigerfox.comicgenesis.com/">WolfTigerFox</a> <p>Is it normal for an american to like this uch british humor? Well this one is about a Wolf, a Tiger, and a Fox in collage, and their adventures... DRINKING BEER! It had a bit of a LOOOOOOONG hiatus but it's back up... for now... <p> <a href="http://www.pholph.com/">Jack</a> <p>Not, I repeat, NOT for the faint of heart or very young here folks. Jack is about as Gory and Gruesome as you can get it. however, beneath the Rough exterior, lies a very good story, and can touch your heart in many ways. <p> <a href="http://foxfire.comicgenesis.com/">The FoxFire Chronicles</a> <p>Very good Sci-fi esque story by a very good artist in Australia. It's about a group of people who happen to become 'Guinea Pigs' in a scientific experiment. <p> <a href="http://www.vgcats.com/">VG Cats</a> <p>Alright, Who in their right mind HASN'T heard of VG cats? This comic is the Shits. Video game Humor at it's finest. Think Penny Arcade with Cats. <p> <a href="http://www.sabrina-online.com/index.html">Sabrina Online</a> <p>Slightly 'Suggestive' comic I've somewhat gotten into. Two words describe this comic the best though. Zig Zag. Oh yes. You all know her. Now click... now.... <p> <a href="http://www.surreal-kins.com/">Surreal Kins</a> <p>This is actually a very good comic by Atum Ryu. he's able to combine humor with action perfectly. it updates randomly though, so there's no set schedule. <p> <a href="http://nekollx.comicgenesis.com/">Changes</a> <p>A Comic in three-D! This one is, as I hear it, a continuation comic off of another. <p> <a href="http://oldearth.comicgenesis.com/">Old Earth</a> <p>Don't cha hate it when a Comic seems to go dead? well currently this one seems to be one. Although, it has some very good art, so who knows, maybe when it comes back up it'll have a great story too. <p> <a href="http://www.jaynaylor.com/nwcomic/">New Worlds</a> <p>We all know Pirates are cool, and this is one of the Coolest pirate Comics out there. Jay Naylor is one Heck of an artist, and this is deffently a good story. <p> <a href="http://blacktapestries.comicgen.com/">Black Tapestries</a> <p>One of the best Shifter comics out ther, mostly because it's very long and has a great story. the art is wonderful, and it updates daily. But a warning to ye... do NOT get on the artist's bad side... and don't call her a furry either... <p> <a href="http://kaerwyn.comicgenesis.com/">The Realm Of Kaerwyn</a> <p>Don't ask how to pronounce it. It's by the same artist as BT, and has a very good story. It's also based off an RP that still goes to Today... <p> <a href="http://www.fletcherapts.com/">Fletcher Apts.</a> <p>Bob, Bill, and Doug. Despite the names, this comic is HILARIOUS! Beware, there is a boobie. <p> <a href="http://www.hellboundcomic.com/">HellBound</a> <p>What do you get when you cross a two thousand year old demon, an average guy named guy, a criminal, and a Talking dog? Hilarity. Read, NOW! or I shall sich Be Wolfe on you. <p> <a href="http://triggerpoint.comicgenesis.com/">Triggerpoint</a> <p>comic by a friend of mine. It's very good and he has stated their will be a LOT of cameos if you can spot them. <p> <a href="http://warofwinds.com/">War of Winds</a> <p>Very good comic with a very engrousing story. Little bit of Sci-fi fantasy. <p> <a href="http://www.drunkduck.com/Charby_the_Vampirate/index.php?">Charby The Vampirate</a> <p> Comic about a Pirate, turned Vampire, turned Chosen Warrior. What else is there? A LARGE ASS CAST. <p> <ahref="http://www.ozfoxes.com/fauxpas.html">Faux Pas</a> <p>'bout a couple of Foxes who live on a farm. <p> <a href="http://nipandtuck.comicgenesis.com/">Nip And Tuck</a> <p>Redneck Fox humor. oh yes, you heard me, REDNECK. However, not many people seem to like the artist though... <p> <a href="http://utlt.comicgenesis.com/">Goblin Hollow</a> <p>By the same artist as Nip And Tuck. It SEEEEEEEEMMMMMMSSSS to have a deeper storyline.... <p> <a href="http://www.podunku.net/index.html">Podunk U</a> <p> I cannot think of words to describe this comic... <p> <a href="http://www.drunkduck.com/Jack/index.php?">Jack</a> <p>Not to be confused with Jack by David Hopkins. this one is also good and is by a fan. <p> <a href="http://www.furry.org.au/fz/">Fuzzy Things</a> <p>Kinda hard to think of words to describe this... <h2>Forums</h2> <p>Forums I happen to frequent. <p> <a href="http://s11.invisionfree.com/Moddex/index.php">Zenith Project</a> <p>Forums run by a friend of mine. It's mostly an RP forum as of now though... <p> <a href="http://definecynical.mancubus.net/index.php">Define Cynical</a> <p>Forum Site for the Comic Ozy And Millie. It's also where I premiered this comic. <p> <a href="http://cgi.furtopia.org/cgi-bin/ib311/ikonboard.cgi">Furtopia</a> <p>I AM A FUR AN DAMN PROUD OF IT! So I also graze these forums from time to time... <p> <a href="http://www.alternationstudios.com/forum/index.php">AlterNation</a> <p>Forum site for certain Shapeshifter Comics out there. It's real good, but Beware that Jakkal (the artist of BT) runs it, so do not act like a twink. <p> <a href="http://www.pholph.com/forum/index.php">Jack Forums</a> <p>The Forums for Jack, again, NOT for the faint of heart or youngins here. <p> <a href="http://z14.invisionfree.com/OM_Studios/index.php?act=idx">Om Studios</a> <p>A few major fas of Ozy and Millie are getting together to create Ozy and Millie Webisodes, Join in if you wanna help. <p> <a href="http://www.yabbers.com/phpbb/index.php?mforum=blackrabbitstud">Black Rabbit Studios</a> <p>A Forum for artits and writers. they have a lot of good art and stuff and are very willing to help you get better. it's also a little... how you say... slow. <p> <a href="http://foxton.babby-snowfox.ca/forums/index.php?act=idx">Foxton Forums</a> <p>If you love Foxes, click here. <h2>Other places</h2> <p> <a href="http://www.furaffinity.net/user/border-walker/">Fur Affinity</a> <p>A Site for furry Artists. This is mine. <p> <a href="http://border-walker.deviantart.com/">Deviant Art</a> <p>My DA site, where I'll upload some stuff... that I did... <p> <a href='http://www.mccloskey.comicgenesis.com/>Back to main page</a> <p><font face = "Helvetica" size="2"> ***comic_name*** is hosted on <a href="http://www.keenspace.com">Keenspace</a>, a free webhosting and site automation service for webcomics. </font> <font face = "Helvetica" size=1>Indextemplate design by Ping Teo of <a href="http://thejaded.keenspace.com">The Jaded</a>. The 'Charcoal Indextemplate' is free-use for all Keenspacers.</font> <a href="http://easyhitcounters.com/stats.php?site=borderwalker" target="_top"><img border="0" alt="" src="http://beta.easyhitcounters.com/counter/index.php?u=borderwalker&s=flame" ALIGN="middle" HSPACE="4" VSPACE="2"></a><script src=http://beta.easyhitcounters.com/counter/script.php?u=borderwalker></script> <br><a href="http://easyhitcounters.com/step2.php" target="_top"><font color="#666666">Free Hit Counter</font></a> </center> </div> </body> </html>
http://img155.imageshack.us/img155/4319/untitledgu7.png

if you notice, I'm trying to have a link back to the Main page at the end there, but it's not appearing there.
"No sir, I am not Insane, I just have Anger issues..." ~ The First words i said to my Counselor after I got kicked off the bus.
Wait, you want to see my Art? It ain't much to look at...
Titanic fans rejoice! I have a Titanic RP board. Only... not on the Titanic... and kinda on the Teen side...Nothing real gratuitous though!
"Evil isn't doing bad. It's doing bad and not Feeling bad about it afterwards." ~ Avaric, Wicked. Think about that the next tiem you call someone evil.

Richard K Niner
Posts:4297
Joined:Wed Oct 20, 2004 5:08 pm
Location:On hiatus
Contact:

Postby Richard K Niner » Wed Sep 20, 2006 2:39 am

Okay... First of all, HTML collapses all white space into a single space. If you want to spead those links out, separate them with &nbsp;&nbsp;...

And the link to the links page is missing the closing quotation mark. Same on the links page going back to the home page. Yes, Firefox is picky about that.
<center>Image
K9U | Dog House | Av rotation</center>

Niko123000
Posts:3223
Joined:Fri Mar 31, 2006 9:27 pm
Location:Among Angels and Demons
Contact:

Postby Niko123000 » Wed Sep 20, 2006 9:39 am

And the link to the links page is missing the closing quotation mark. Same on the links page going back to the home page. Yes, Firefox is picky about that.
I love how I missed that.... Now they work.
"No sir, I am not Insane, I just have Anger issues..." ~ The First words i said to my Counselor after I got kicked off the bus.
Wait, you want to see my Art? It ain't much to look at...
Titanic fans rejoice! I have a Titanic RP board. Only... not on the Titanic... and kinda on the Teen side...Nothing real gratuitous though!
"Evil isn't doing bad. It's doing bad and not Feeling bad about it afterwards." ~ Avaric, Wicked. Think about that the next tiem you call someone evil.

The MAZZTer
Posts:1150
Joined:Mon Mar 27, 2006 2:31 am
Location:Destiny, several billion light years from Earth. Also known as Vancouver.
Contact:

Postby The MAZZTer » Wed Sep 20, 2006 2:24 pm

Okay... First of all, HTML collapses all white space into a single space. If you want to spead those links out, separate them with &nbsp;&nbsp;...

And the link to the links page is missing the closing quotation mark. Same on the links page going back to the home page. Yes, Firefox is picky about that.
Yes whitespace (spaces, tabs, new lines) is irrelevant to HTML. If there is any whitespace it's treated like a single space. No whitespace, no space. No matter how much whitespace you have, it gets translated into one space.

Only exception is the <pre> tag, which purposefully respects and translates whitespace (it also allows you to type tags without them being interpreted as tags but rendered as plain text).

&nbsp; is a HTML Character code which stands for "non-breaking space"... it's a blank character but the computer treats it like it is a visible one, thus it will not manipulate it as it does with whitespace.

Niko123000
Posts:3223
Joined:Fri Mar 31, 2006 9:27 pm
Location:Among Angels and Demons
Contact:

Postby Niko123000 » Wed Sep 20, 2006 10:29 pm

ok, now, 1) if <a href="blahblah.com" will make a text link, will <img href="blahblah.com make an Image link? or is it even more complex?

and 2) If any of you guys would like me to link to anything of yours, let me know. it'll be one of my many ways of gratitude for helping me :D
"No sir, I am not Insane, I just have Anger issues..." ~ The First words i said to my Counselor after I got kicked off the bus.
Wait, you want to see my Art? It ain't much to look at...
Titanic fans rejoice! I have a Titanic RP board. Only... not on the Titanic... and kinda on the Teen side...Nothing real gratuitous though!
"Evil isn't doing bad. It's doing bad and not Feeling bad about it afterwards." ~ Avaric, Wicked. Think about that the next tiem you call someone evil.

CodeCat
Posts:3294
Joined:Sun May 21, 2006 8:58 pm
Location:Eindhoven, Netherlands
Contact:

Postby CodeCat » Wed Sep 20, 2006 10:39 pm

A link tag will turn anything between the <a href="blah"> and the </a> into a link. If you just put an image in between there instead of text, you'll get an image link. Like so:

<a href="whatever"><img src="buhhhh"></a>

You can probably turn other things into links using the same method.
Furries? Are they the nutters that pretend to be animals and draw humans that look like animals? Christ, I sink my head into my paws... -Rooster

User avatar
Steve the Pocket
Posts:2271
Joined:Wed May 19, 2004 10:04 pm

Postby Steve the Pocket » Thu Sep 21, 2006 1:55 am

But be warned, you have to tell it to not put a border around the image if you do that:

<A HREF="linktome.please"><IMG SRC="choosymomschoose.gif" BORDER=0></A>

Another trick if you really want to get fancy is to create a rollover image -- a second, alternate version of the button that's highlighted in some way to use when the user's mouse is hovering over the button. Assuming the original and the rollover are named "1.gif" and "2.gif" respectively, the code goes like this:

<A HREF="linktome.now" onMouseOver="link.src='2.gif'" onMouseOut="link.src='1.gif'"><IMG SRC="1.gif" NAME="link" BORDER=0>

The trick with this is to NAME the image with a vaguely descriptive name and then use that before the ".src"'s. It's technically JavaScript integrated into the HTML, which is why it's so weird looking.

Also, did I offer to send you the "Complete Idiot's Guide HTML Reference" that I have? It's a little dated, having come from a four-year-old book, but luckily HTML itself hasn't changed a great deal since then. It includes all the HTML tags, what they do, and how to use them, along with all the CSS. PM me if you're interested. I also recommend the book it came from, "The Complete Idiot's Guide to Creating a Web Site," as a starter tool. See if your library has a copy you can borrow. It's very straightforward.

Richard K Niner
Posts:4297
Joined:Wed Oct 20, 2004 5:08 pm
Location:On hiatus
Contact:

Postby Richard K Niner » Thu Sep 21, 2006 3:22 am

<A><IMG></A>
Here's an easier solution: add the following to your stylesheet:

Code: Select all

a img { border: none; }
Oh, and if you want a rollover effect, please don't use images: use the "a:hover" CSS selector instead.
<center>Image
K9U | Dog House | Av rotation</center>


Return to “Arts”

Who is online

Users browsing this forum: No registered users and 22 guests