NationStates Jolt Archive


Anyone good at HTML?

Shadowstorm Imperium
10-05-2005, 23:42
If so, can you tell me if it is possible to include code from other files?

You see, I want the same menu at the side of page. I know this is possible with frames, but I don't really like frames. I'd prefer to use a table and hold the menu in the left "cell" and the rest of the page in the right.

So, any advice?
Cool Dynasty 42
11-05-2005, 13:33
Well if you are using dreamweaver (or any other editor that allows you to edit code) you can just paste the code of the menu in to the collum of the tabel.
Then set fixed width to the collum so that you will have it the size you want it.
That's it :)

But then you will have to use the same menu on induvidual pages, so I suggest to make a template with this menu and then just add content to differnet pages, hope this helps.

But if you want my true advice, i would not use this kinds of menu (html, java) since they don't look all that good, and you want your page to look good, don't you?

What I find best is to firstly design a webpage in pohotoshop then slice it in imageready, and then add links and other html stuff in dreamweaver, easy and good looking. Try searching for some tutorials on photoshop web designe, it is amazing what kind of things you can do when you know how.
Doujin
11-05-2005, 13:39
If so, can you tell me if it is possible to include code from other files?

You see, I want the same menu at the side of page. I know this is possible with frames, but I don't really like frames. I'd prefer to use a table and hold the menu in the left "cell" and the rest of the page in the right.

So, any advice?

What you want to do is used something called Cascading Style Sheets. If you have AIM, MSN, or Yahoo send me a message and I'll help you out.

AIM: Obsideus
Yahoo: gaizme
MSN: obsideus@verizon.net
UpwardThrust
11-05-2005, 13:55
What you want to do is used something called Cascading Style Sheets. If you have AIM, MSN, or Yahoo send me a message and I'll help you out.

AIM: Obsideus
Yahoo: gaizme
MSN: obsideus@verizon.net
I don’t know its badly worded enough I am wondering if he wants something like a java menu bar
Jeruselem
11-05-2005, 14:02
I don’t know its badly worded enough I am wondering if he wants something like a java menu bar

The trend these days is to use Flash or Shockwave menus I've noticed.
UpwardThrust
11-05-2005, 14:05
The trend these days is to use Flash or Shockwave menus I've noticed.
Yeah ... its a lot more efficent (I was going off of his "code include" which really does not lend itself to flash which is a seperate file unlike embeded JS)
Doujin
11-05-2005, 14:10
The trend these days is to use Flash or Shockwave menus I've noticed.

No, I think trend still is to use standard DHTML or CSS :P I dislike Flash in general, although it's cool as hell - there's still millions of people who still use dial-up, and so unless that flash menu is under 150kb and there are barely any other graphics throughout the site..

And I highly disagree on the efficiency - CSS is much more efficient than Flash in my opinion.
Doujin
11-05-2005, 14:13
I don’t know its badly worded enough I am wondering if he wants something like a java menu bar

Yeah, no, I re-read it 4 times - what he wants is the site layout to be like a table, and the entire left "cell" to be the menu - which is done a lot easier through CSS.
UpwardThrust
11-05-2005, 14:17
Yeah, no, I re-read it 4 times - what he wants is the site layout to be like a table, and the entire left "cell" to be the menu - which is done a lot easier through CSS.
Yeah

Ohhh and to the tread creater as much as I dont mind dreamweaver as a graphical editor I would not recomend their "CSS" creation (it is actualy just throws style tags on the pages rather then linking to a .css file )
I personaly do everything with textpad :p but otherwise dreamweaver is relitivly clean
UpwardThrust
11-05-2005, 14:18
No, I think trend still is to use standard DHTML or CSS :P I dislike Flash in general, although it's cool as hell - there's still millions of people who still use dial-up, and so unless that flash menu is under 150kb and there are barely any other graphics throughout the site..

And I highly disagree on the efficiency - CSS is much more efficient than Flash in my opinion.
Though to be fair do you see how incredibly small flash files are? It still amazes me some of the stuff you can do with such low file sizes
Jeruselem
11-05-2005, 14:19
Yeah, no, I re-read it 4 times - what he wants is the site layout to be like a table, and the entire left "cell" to be the menu - which is done a lot easier through CSS.

If that's the case I cannot help. Clueless with CSS but I can do LotusScript, VBA, SQL, HTML and a little C/C++, Pascal and Modula-2. :confused:
UpwardThrust
11-05-2005, 14:25
If that's the case I cannot help. Clueless with CSS but I can do LotusScript, VBA, SQL, HTML and a little C/C++, Pascal and Modula-2. :confused:
Thats cool ... tell you what I will post one of mine you should have no problem with that programing backround interpreting)



h1
{
font-family: "Courier New", courier new, 'sans serif';
font-size: 50px;
color: #ffff66;
background-color: transparent;
}

h2
{
font-family: "Courier New", courier new, 'sans serif';
font-size: 25px;
color: #ffff66;
background-color: transparent;
}

h3
{
font-family: "Courier New", Courier New, 'sans serif';
font-size: 16px;
color: #ffff66;
background-color: transparent;
}

hr
{
color: #ffff66;
background-color: transparent;
}

p
{
font-family: "Trebuchet", Trebuchet, 'sans serif';
color: #dddddd;
font-size: 14px;
background-color: transparent;
}

a:link,a:visited,a:active
{
color: #ffffff;
background-color: transparent;
}

a:hover
{
color: #dddddd;
background-color: transparent;
font-style: italic;
}

body,html
{
background-color: #003333;
font-family: Verdana

scrollbar-3dlight-color: ;
scrollbar-arrow-color: #003333;
scrollbar-base-color: #ffff66;
scrollbar-darkshadow-color:;
scrollbar-face-color:#ffff66;
scrollbar-highlight-color:;
scrollbar-track-color:#003333 ;
scrollbar-shadow-color: ;
}

Thats one

Basicaly you just link your html in the headers and let this define the styles
Jeruselem
11-05-2005, 14:32
Thanks, UpwardThrust.
Looks logical enough and the designer was reading C/C++ manuals.
UpwardThrust
11-05-2005, 14:37
Thanks, UpwardThrust.
Looks logical enough and the designer was reading C/C++ manuals.
Yeah makes sense with the
{
}
:) (C and C++ are my strong points ... but thats because I am a network geek and most of the protocalls are written in C)
Doujin
11-05-2005, 14:38
Though to be fair do you see how incredibly small flash files are? It still amazes me some of the stuff you can do with such low file sizes

Yeah, it is coming along - although CSS is still the way to go.

Speaking of which, here is a basic CSS layout. Don't bitch at me UpwardThrust, I didn't use a seperate .css file because.. I'm lazy :)

http://www.adamantinclemency.com/~randomize/blank.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Site layout for HTML Newbie</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}
</style>
</head>

<body>

<div id="header">


This is called.. your hEADER! to change it you need to change the #header selector in

the style sheet above.

</div>

<div id="left">

Your menu will go here. to change this you need to change the #left selector in the

style sheet

above.<br />

</div>


<div id="center">
<p>This is where your content goes. same as above, make changes in the #center

selector in the ss above.<br />
</p>




</div>

</body>
</html>



Edit: Stupid me, I forgot to put the doctype :p It's valid HTML 4.01 Transitional -shrug-
Doujin
11-05-2005, 14:40
Thats cool ... tell you what I will post one of mine you should have no problem with that programing backround interpreting)




Thats one

Basicaly you just link your html in the headers and let this define the styles

You forget that this person is a newbie.. that's why I didn't bother using a seperate .css file. That and I'm lazy. He can figure out it better my way than your way :-p

Baby steps, baby steps...
Jeruselem
11-05-2005, 14:42
Yeah makes sense with the
{
}
:) (C and C++ are my strong points ... but thats because I am a network geek and most of the protocalls are written in C)

I'm also the back-up System Administrator at my workplace on top maintaining internal SQL/Access systems. I was a Lotus Notes Administrator and programmer in a former workplace.
UpwardThrust
11-05-2005, 14:42
Yeah, it is coming along - although CSS is still the way to go.

Speaking of which, here is a basic CSS layout. Don't bitch at me UpwardThrust, I didn't use a seperate .css file because.. I'm lazy :)

snip

*slaps you on wrist* :) hehehe sorry had to

Oh yeah and the html include


For the separate CSS that is

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

Basicaly just put that in the header

All that CSS goes into a file called style.css in the same directory (in this case)

So when I make changes to that file it changes ALL my documents style at the same time
UpwardThrust
11-05-2005, 14:44
I'm also the back-up System Administrator at my workplace on top maintaining internal SQL/Access systems. I was a Lotus Notes Administrator and programmer in a former workplace.
Ahhh I got my masters in network modeling and another in network security … I do on the side network design and I am the network and security admin for 2 collages in the Minnesota region
Doujin
11-05-2005, 14:48
*slaps you on wrist* :) hehehe sorry had to

Oh yeah and the html include


For the separate CSS that is

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

Basicaly just put that in the header

All that CSS goes into a file called style.css in the same directory (in this case)

So when I make changes to that file it changes ALL my documents style at the same time

UpwardThrust, baby steps! Guy needs to get used to CSS before he moves to linking to a .css file.
Jeruselem
11-05-2005, 14:50
Ahhh I got my masters in network modeling and another in network security … I do on the side network design and I am the network and security admin for 2 collages in the Minnesota region

Say, it is the sort of thing the author is this thread might need?
http://www.howtocreate.co.uk/tutorials/testMenu.html
UpwardThrust
11-05-2005, 14:51
UpwardThrust, baby steps! Guy needs to get used to CSS before he moves to linking to a .css file.
I may be biased I started with the linked sheet :) :fluffle:
UpwardThrust
11-05-2005, 14:53
Say, it is the sort of thing the author is this thread might need?
http://www.howtocreate.co.uk/tutorials/testMenu.html
Yes ... though I not sure he is up to that level yet :)
Jeruselem
11-05-2005, 14:55
Yes ... though I not sure he is up to that level yet :)

Then I'll just drop the JavaScript suggestion too. :)
Shadowstorm Imperium
11-05-2005, 14:58
Say, it is the sort of thing the author is this thread might need?
http://www.howtocreate.co.uk/tutorials/testMenu.html

Actually, that's beyond what I want. Maybe I'm not using the right terminology. Imagine I have this:

<HTML>
<HEAD>
<TITLE>My Webpage</TITLE>
</HEAD>
<BODY>


<TABLE>

<TR>
<TD>

<A HREF="">Home</A><BR>
<A HREF="section1.html">Section 1</A><BR>
<A HREF="section2.html">Section 2</A><BR>
<A HREF="section3.html">Section 3</A><BR>

</TD>
<TD>
This is the main bit of the page
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

but I dont want to have to repeat this bit:

<A HREF="">Home</A><BR>
<A HREF="section1.html">Section 1</A><BR>
<A HREF="section2.html">Section 2</A><BR>
<A HREF="section3.html">Section 3</A><BR>

in every file I type (as I'd have to change every file if I changed the items in the list). Is there a way of storing that code in a separate file and using some line of code to make it appear on the page? I know frames can put more than one page on the screen at once, but I don't really like the way that works (each frame scrolls separately). Is there a way of doing it but not using frames?
Eutrusca
11-05-2005, 15:00
If so, can you tell me if it is possible to include code from other files?

You see, I want the same menu at the side of page. I know this is possible with frames, but I don't really like frames. I'd prefer to use a table and hold the menu in the left "cell" and the rest of the page in the right.

So, any advice?
Some of the short codes offerred free by sites like Dynamic Drive should work fine for what you want to do: http://www.dynamicdrive.com/dynamicindex1/index.html
UpwardThrust
11-05-2005, 15:01
Then I'll just drop the JavaScript suggestion too. :)
Yeah I did that earilier :) JS is the only way I have made "mobile" menu without frames
Doujin
11-05-2005, 15:05
Actually, that's beyond what I want. Maybe I'm not using the right terminology. Imagine I have this:

<HTML>
<HEAD>
<TITLE>My Webpage</TITLE>
</HEAD>
<BODY>


<TABLE>

<TR>
<TD>
<TABLE>
<TR>
<TD>
<A HREF="">Home</A><BR>
<A HREF="section1.html">Section 1</A><BR>
<A HREF="section2.html">Section 2</A><BR>
<A HREF="section3.html">Section 3</A><BR>
</TD>
</TR>

</TABLE>
</TD>
<TD>
This is the main bit of the page
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

but I dont want to have to repeat this bit:

<A HREF="">Home</A><BR>
<A HREF="section1.html">Section 1</A><BR>
<A HREF="section2.html">Section 2</A><BR>
<A HREF="section3.html">Section 3</A><BR>

in every file I type (as I'd have to change every file if I changed the items in the list). Is there a way of storing that code in a separate file and using some line of code to make it appear on the page? I know frames can put more than one page on the screen at once, but I don't really like the way that works (each frame scrolls separately). Is there a way of doing it but not using frames?

Ew, tables.
Jeruselem
11-05-2005, 15:06
Yeah I did that earilier :) JS is the only way I have made "mobile" menu without frames

JS isn't bad except it's like C with some stupid rules added.
Great for dynamic menus (but the errors message you get are useless).
UpwardThrust
11-05-2005, 15:09
JS isn't bad except it's like C with some stupid rules added.
Great for dynamic menus (but the errors message you get are useless).
Yeah I know the program we go through has a tendancy to use Java in more the applet or servelet usage I have come to dislike some of the implementation (specialy UDP implementation) you would figure it would be easier then TCP but NOPE lol