rvovk

I guess you want to have navigation bar like this. Oke first you need to do is definition of Navigation bar in CSS which is: /***************** Navigation *****************/#Menu {padding:0px 0px 0px 0px;margin:0px;width: 109px;}ul { margin: 0; padding: 0; list-style: none; font: normal 11px verdana, serif; width: 109px; /* Width of Menu Items */ border-bottom: 1px solid #56A4DC; }ul li { position: relative; } li ul { position: absolute; left: 149px; /* Set 1px less than menu width */ top: 0; width:70px; font: normal 10px verdana, serif; display: none; }/* Styles for Menu Items */ul li a { display: block; text-decoration: none; color: #605E5E; background: #A2BFD2; /* IE6 Bug */ padding:2px 1px 2px 10px; border: 1px solid #56A4DC; border-bottom: 0; border-right:0; }/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */ul li a:hover { color: #AECBAF; background:#FFFFFF; } /* Hover Styles */ul li#uberlink a:hover { color: #AECBAF; background:#FFFFFF;} /* Hover Styles */ li ul li a { padding: 2px 2px 2px 18px; } /* Sub Menu Styles */ li:hover ul, li.over ul { display: block; } /* The magic */li#uberlink a { color: #605E5E; background:#FFFFFF; } Div #Menu defines area of your navigation bar. #Menu width defines width of navigation. Ul font defines your fonts, li ul code defines sub-menus but you will probably not need them, but leave them there for future if needed then. border can be set to 0 if not needed, if needed you can change their width (1px=1pixel, 2px=2pixels). Color of borders is changed with changing all codes of borders #56A4DC to your needs. Background and color of links is set by: ul li a { color: #605E5E; background: #A2BFD2; /* IE6 Bug */ Color is for font colors and background for background of links. Hover effect background and color of font is changed here: ul li a:hover { color: #AECBAF; background:#FFFFFF; } /* Hover Styles */ Active link are defines by declaration of li id name to this: <li id="uberlink"><a href="index.htm">Home</a></li> Meaning that this page has this li id's name set to be active and it is presented with this CSS declaration: li#uberlink a { color: #605E5E; background:#FFFFFF; } Again backgeound and color of active links can be changed in this part of code. Other pages will not have index page set as active, but li id will be set to uberlink if we have page named gallery.htm to this code: <li id="uberlink"><a href="gallery.htm">Home</a></li> If you don't need active links then just name every link in HTML to: <li><a href="index.htm">Home</a></li> You noticed there is no uberlink declaration. Hope this was helpful. Working example is:here. Cya.

Yes, stupid of me. I was so fast yesteday that I even didn't write any infos about this string quartet. This is a band that was established in year 1981 (this four girls are together from 1994) and there goal is to make classic as well as popular music. It is band with 4 girl members which visited Academy for music in Slovenia (Ljubljana) and later on they were developing their knowledge in Gemany. They like to play evergreens and slovenia's folk music. Link to their sample music is: http://forums.xisto.com/no_longer_exists/ Athe bottom their is song named Klise, which is downloadable. Their interview in english language: http://forums.xisto.com/no_longer_exists/

So here are pictures from this concert. Click here for gallery. String quartet.

This tutorial is meant for people that are dealing with problems while coding their site at 100% of width. Important notice: Some people has JavaScript disabled, so they will not be able to load CSS file (take this in account when creating your website). How this script works. In the HEAD of your HTML document will apply this command, so variable.js file will be load at start: <script type="text/javascript" src="variable.js"></script> In browser JavaScript file variable.js is loaded. This Javascript file consist of this parameters, copy this code and name it variable.js // JavaScript Documentif (screen.width < 1024) { document.write('<link rel=stylesheet type="text/css" href="layout800.css">');}if (screen.width >= 1024) { document.write('<link rel=stylesheet type="text/css" href="layout1024.css">');}if (screen.width >= 1280) { document.write('<link rel=stylesheet type="text/css" href="layout1280.css">');}if (screen.width >= 1600) { document.write('<link rel=stylesheet type="text/css" href="layout600.css">');} As we see this file has parameters for screen width, browser sees which resolution are you using and according to that proper layout CSS file is choosen. layout800.css >>for resolution equal or smaller then 800px of width layout1024.css >>for resolution equal or bigger then 1024px of width layout1280.css >>for resolution equal or bigger then 1280px of width layout1600.css >>for resolution equal or bigger then 1600px of width Now you must write layout CSS files for every resolution where you can define bigger or smaller fonts, width and heights of columns and so, depending on resolution. Everything, html files, CSS files and javaScript file are installed in same directory on your server, or choosing your relative paths, if you defined any. Working site that was made with this tutorial for dynamic CSS is: http://forums.xisto.com/no_longer_exists/ This is their new site, where I used fixed width: http://forums.xisto.com/no_longer_exists/ Enjoy this tutorial, suggestions welcomed.

Well instead of using fixed width of website design you can always use like width:100%; I helped for a friend's site here at Xisto. Here is result of this work http://forums.xisto.com/no_longer_exists/. There is also possible to apply javascript function where you define properties from which is layout choosen. If there is 800*600 then this CSS file no.1 will be used, if 1024 then no.2. This is nice script but some people don't like javascript, so this sort of site can be handicap for some people.

I am playing acoustic guitar, I am no expert just enjoying to play songs like Wish you were here and other oldies goldies . I didn't took any music school, just bought a guitar one day and started picking strings. I like musicans like Bryan Addams, Chat Atkins, Vlatko Stefanovski, Eric Clapton, Dire Straits, Mark Knopfler and other. Corrs are good too, not just good great. Or maybe slovenian artist Vlado Kreslin. Great musicans and guitarists, just for my taste.

I will stay loyal to Xisto even tho I also have hosting at Xisto - Web Hosting.com. This is a place I like to stay

I think I found Xisto by search in Google. I found idea for getting 50MB of freespace with PHP, CGI and MySql for just 10 post exceptional. Soon we have upgraded to 150MB for some more posts. I found this host to be great, it is quick, has lost of scripts, Cpanel, good technical support and you can even talk with Opaque himself (I am bothering him every once in a while). I like this place very much, but this script thingy is quite annoying, cause some individuals enjoy the thought of slowing down server. maybe we should buy then some icecream or some toys to play with

You might check Tutorial section here on Xisto. There is lot of tutorial with prewritten scripts on how to add files in FTP, HTML for begginers and HTML layouts. Maybe there is something that will suit you.

Hehe, this must be something when coming home and you see a person on your computer and besides that he is watching porn. LOL and I don't like people that are untidy, I see toilets at work. Like some of people are pigs or something, they even can't take a brush to clean after themselves. That pisses me off. Or borrowing tools, after you give them something they usually forget where they got it and never put it back where it belongs.Just angry because of this lot of times. I am tidy person in general.

I agree with fffanatics, you don't need those moving adds, it is distracting while reading content. I didn't notice slow loading time, maybe because I am on good connection here. Try to add some more content and make some colorise to your page and it will ne just fine.

Deppresion is really hard thing when you wanna be motivated. Especially if you really in deppresion (like you are proved by a doctor ) I am not in that state, but if something happens to me, then every stops for me. I had problems with my life in January, so I failed in school in every aspect. I was almost A student in vocational college last year, this year I suceed to do two exams and failed three. Only and just because I had problems. Well to get motivated I start to look around me, there are people with this education, well to be on their level I need that school. So I am starting now to study again, i will take it easy for a starter, then going to harder level of exams. Hopefuly I will suceed.

Becca, to be honest I don't know. It is this thing, when you start doing one thing and you learn alot, then you just keep doing and upgrading on this one. I guess tables are popular if you are doing "tables", like if you were working in Excel with lot of data. CSS is used if you wanna have grapchical approach, you do layout in Photoshop, slice it up to Header, Content which is repeated and Footer.

Flakes gave me few thoughts to think over. First solution would give us problem if right column became smaller than left column. So what will do is draw repeater image in Photoshop with 150px Left column of BEB8B8 color, and 600px Right column of D0C9C9 color. This looks like this: This will give us repeated background in whole content. We must link this image to Content background, so replace this code for Content: #Content{ width:750px; background:url(repeater.jpg) repeat-y; margin:0; padding:0;} We must define new background for Right column, so we define background:none. Code is: #Right{ float:right; width:600px; background:none; margin:0px; padding:10px 0px 0px 0px;} New fixed CSS file is available: here. New fixed site is available: here. If there would be change in width of Left or Right column, them we must change background repeater image in photoshop to desired width and color. Robert

For begginers definetly Frontpage from Microsoft, I started with this program and made few sie in frames. For next level I would suggest Macromedia Dreamveawer, it has ton of function that I don't even know how to use them Bust last but not the least is TSW Webcoder, I use it all the time, I this like notepad but designed for begginers also, it know all of HTML and CSS commands. Don't know for others like PHP, cause I don't use them a lot. This program can be download for free: here.

Sure, that was idea in the first place. I am glad you like it.

This is upgrade of my first tutorial for Centered website with fixed width. Today I am going to present you tutorial for making two columns website with fixed width. My basic tutorial can be found here: here. So let's begin: First we will change CSS file, everything stays same if not mentioned to change, starting with color of content from basic tutorial, change background to this code. This will actually be background of left column and padding will be set to 0, cause it will be defined in Left and Right column. New code for Content: #Content{ width:750px; background:#BEB8B8; margin:0; padding:0;} Oki. Next thing that we will do is definition of Left column. We will float it to left. Float means there is still space on opposite side. In our case this is 750px 150px = 600px of free space on opposite side. Will be needed for Right column. It will be 150 pixels of width. Height will depend on left or right column, so there is no need to define this. Color for Left column is defined in Content, so here we use code: background: none; . Padding is taken from first tutorial and it is same as it was before for Content: Code for Left Column: #Left{ float:left; width:150px; background:none; margin:0px; padding:10px 0px 0px 0px;} Now we will define Right column. Width will be by calculation 600px. Padding same as for Left column. No big fuss at all. It is floated to right with code: float:right; . Color of Right column is defined in this properties. Code for Right column is: #Right{ float:right; width:600px; background:#D0C9C9; margin:0px; padding:10px 0px 0px 0px;} Next thing that we need is named CLEAR FLOAT. This is a hack actually. There are many version of it over the net. I have started to use this one, which gives me best result in every browser. What this hack does? Float makes your site to collapse if you woudn't use this hack. I removed Left column here for better representation of this collapse. We see that footer has gone up to the header like there wasn't any Content (due to float property). So basicly what we do is: 1. Floatcontainer is container that will prevent collapse. 2. Left coloumn text inside end of Left column. 3. Right coloumn text inside end of Right column. 4. end of Floatcontainer column. Here is code for HTML file, take a look how is content built now. But firstly remember my 1,2,3,4 points that are explained in a paragraph before: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;<html><head><title>Centered website with two columns.</title><meta http-equiv="content-type" content="text/html;charset=windows-1250"/><style type="text/css" media="all">@import "layout12.css";</style></head><body><div id="Wrapper"><div id="Header"><p class="text">Header</p></div><!--Header--><div id="Content"><div class="floatcontainer"><div id="Left"><p class="text">Link 1</p><p class="text">Link 2</p><p class="text">Link 3</p><p class="text">Link 4</p><p class="text">Link 5</p><p class="text">Link 6</p></div><!--Left--><div id="Right"><p class="text">Things in the future have changed dramatically. I bought Canon A40 in year 2002 and took several interesting pictures with it. Later I bought Sony DSC S-75 cause I liked its macro potencial. But I sold it quickly cause it had lot of noise in images and awful white balance. Just before end of year 2003 I bought myself second hand Canon G3 which I am still using. Canon G3 is very good prosumer camera with pleasant results.</p><p class="text">Things in the future have changed dramatically. I bought Canon A40 in year 2002 and took several interesting pictures with it. Later I bought Sony DSC S-75 cause I liked its macro potencial. But I sold it quickly cause it had lot of noise in images and awful white balance. Just before end of year 2003 I bought myself second hand Canon G3 which I am still using. Canon G3 is very good prosumer camera with pleasant results.</p><p class="text">Things in the future have changed dramatically. I bought Canon A40 in year 2002 and took several interesting pictures with it. Later I bought Sony DSC S-75 cause I liked its macro potencial. But I sold it quickly cause it had lot of noise in images and awful white balance. Just before end of year 2003 I bought myself second hand Canon G3 which I am still using. Canon G3 is very good prosumer camera with pleasant results.</p></div><!--Right--></div><!--Float--></div><!--Content--><div id="Footer"><p class="text">Footer</p></div><!--Footer--></div><!--Wrapper--></body></html> Working example and source available: here.CSS file is available: here. Any suggestions to make this script better is welcome. Script is checked in Firefox, Opera and Internet Explorer. Enjoy. Robert

So to clear things out. Correct empty HTML 4.01 document consists of this code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://forums.xisto.com/no_longer_exists/ title</title><meta name="title" content="Your title" ><meta http-equiv="content-type" content="text/html;charset=windows-1250"></head><body></body></html> Correct empty XHTML 1.0 Transitional documentconsist of this code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://forums.xisto.com/no_longer_exists/ title</title><meta name="title" content="Your title" /><meta http-equiv="content-type" content="text/html;charset=windows-1250"/></head><body></body></html> I think this should validate with no problem, there can be also keywords, favicons and other meta tags added.

Oke, I must first think which movies did I watch most of the times. Here is the list:1. Sin City - I knew before I watched this movie that would be a keeper. As a kid I read lot of comics so this movie is what comics are all about, nonstop sci-fi action, great babes , humour and great characters.2. A Bug's Life - A cartoon that have been made byy Pixlar, with great story about bugs, lowered to their level of seeing thing. Amazing minds that have made this movie.3. Twister - Another good one, with lot of action and special effect about tornados.

Cmatcmextra, yes, that is the difference between XHTML and HTML. Especially in ending of tags.

Just reminded me I have main curcuit braker in my room for his apartment, but it is sealed so guy from electro company would know I did some *BLEEP*. But nice idea, if sometimes I get to nervous, then it might happen to cut them off

I don't believe this kid is homosexual, rather than that, I believe he maybe suffers of lack at attention at home or maybe wrong education (totally parent's fault). Maybe he would need some friend if he hasn't got any. But people don't approve this kind of aproach, so it is crucial that he is shown how to make effort in having attitude and sense. Then doors will be open for new friends

I have just realised who is Tyssen on CSS forum Venture, hehe. Thanx for article, I will sure read it out. Now it is time to go sleep.

CHildren and parents, neverending story. You must have strong nerves to cope woth them so long. Well specialist in this field say that young ones and elders mustn't live under same roof. Cause when you get older and mature you have your own personality and you choose partner that is match for you. So nobody is brainwashing you or your partner. Parents are fond to do some brainwashing, depends on a person again, some do, some don't. But for safety reason is better to be on your own, to make progress on yourself, rather then downgrading from brainwash.

One important thing was forgotten here. After title in head of HTML document there should be next code: <meta http-equiv="content-type" content="text/html;charset=windows-1250"/> This code will actually define what encoding you will be using on your site and browser will pick automaticlly from what have you encoded. I have choosen encoding 1250 Middle European which will suit from special characters in text for Slovenian Language. There should be list of all available encoding on the net, list is also available in the browser (Firefox - View - Coding....). It is important to write down head of HTMl document correctly, cause it depends on it if website content will be displayed as it should be.