SillyBilly
-
Posts
109 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by SillyBilly
-
-
Paint is a part of all Windows programs. Start -> All Programs -> Accessories -> Paint or just do a Search if you can't find it.
Using Paint to Crop part of an image:1. open PAINT2. click EDIT>PASTE3. On the left side bar, choose the SELECT tool (the dotted rectangle) so that the dotted lines bordering your picture disappear.4. Using your left mouse button, draw down and across to cover the area you want cropped.5. Click on EDIT>CUT6. Click on FILE >NEW7. When it asks you to "Save changes to Untitled", say NO.8. Click on EDIT>PASTE.9. click FILE>SAVE AS10. Browse to where ever you want to save it.11. Name it something12. change the file from a .bmp to a .jpg under SAVE AS TYPE
-
I must correct one of my statements in post #3 and apologize if I mislead anyone. I did use containers and divs on the page. However, the float property is ignored when absolute positioning is used. Below is an example of the use of a div with absolute positioning that is problematic; <div class="branch" style="position:absolute;top:269px;left:209px;">_________________________________________________</div> Since I have the page displayed as I intend, I'll leave it as it is. I intend to do some rewriting of the code, so I will try to use the float property rather than absolute positioning as "niche" has suggested.
-
Thanks for your reply. I validated all my pages before hosting them. This is the result of the today's validation. This document was successfully checked as HTML 4.01 Strict!Please validate your code if you haven't already. http://www.w3schools...eb_validate.asp -
Thanks for your reply. I do not use div on the page, so float does not seem to be a solution unless I am mistaken. I read this on the W3Schools site; Definition and UsageThe float property specifies whether or not a box (an element) should float.Note: Absolutely positioned elements ignores the float property! I found a remedy by using the HTML code – (en dash) rather than the underscore on the keyboard or the HTML code — (em dash). This works on my computer, so I assume it will work when I upload the new file. I'll report back.Use float instead for your positioning. -
I am using absolute positioning to create Family Trees. I originally coded for IE. The page does not display the same in Firefox. I now realize that I should have coded for Firefox and then tried to write some code so that it displays properly in IE. I can write the code so that it displays properly in FF, but in IE it does not display the same. The link to one of the pages is below. The problem with this page is the horizontal line above the last three names, and the vertical lines leading to the names. In IE it is positioned correctly, but in FF the line is too short. When I correct the line positioning in FF, the line is too long in IE. The trees with more names and lines display poorly in one or the other browser depending on which I coded for. http://www3.sympatic...r/margaret.html
-
Another method would be to use an animated gif file.It's not just the attributes that aren't valid, the <marquee> element is not part of the HTML specification.If you want scrolling text, you should use Javascript. -
My preference is to have no scrolling except for the entire page. I don't like clicking in each window and then scrolling.You're right. I'm going to try that when I have another few spare hours.I'll use Google on how to use them. thnx.
-
My preference is to have no scrolling except for the entire page. I don't like clicking in each window and then scrolling.You're right. I'm going to try that when I have another few spare hours.I'll use Google on how to use them. thnx.
-
I tried Δ and it did not display the Greek letter. However I used Δ and the Greek letter appeared. It may be the font I selected on my site. Look here for a list http://www.alanwood.net/demos/ent4_frame.htmlWhy don't you just use Δ -
This post does not answer your question, but points out a grammatical error in your text. for whomever might be interested.The entire clause "whomever might be interested" is the object of the preposition "for". The clause must have a subject in the subjective case. In your clause the subject should be "whoever", otherwise you have the subject of the clause in the objective case.Ok, I wasn't quite sure where to ask about this but since I THINK it's mostly related to css, I'll try here.OK, here's the problem.I wanted to use a border for the links in a menu and also wanted the links to be the same width regardless of the length of the actuall text.#menu a { border-style: outset; width: 100%; padding-top: 1px; padding-bottom: 1px; }Now, the funny thing is, while it didn't work for my xhtml, it did work when I used the same css for a page that used the exact same xhtml inside an xslt-document!Also, it seems those 2 documents iterpret the css differently in other ways as well. While the xhtml didn't implement my width-setting, it looked good otherwise, but the container-div in the xslt-document is somewhat narrower, despite the actuall content on the page being exactly the same. Also, setting the width for the links (regardless of width really) actually made the impact of extra padding of the second link greater (I needed to pad a bit extra due to the out/inset-style border).I guess it might be better if I included a link as I'm not very good at explaining the problem
http://thedcspirit.no-ip.org/davidxml/index.htmThe links that actually work are the ones labeled as Titles and Start page.As you can see, the 2 pages don't display the same way at all!Any help is appreciated, and if I posted this in the wrong place, just point me in the right direction and off I go -
To assist my future revisions, I put code that is used by only that page on that page only. I don't like repeated unnecessary repetitions.The layout information for the front page is different so I currently have it in the head of the page. I was thinking that maybe it would be better to put it into an external css because the html itself would be smaller and the css data could be cached shortening future download times. Does that logic make sense or not?On a similar note, I have a glossary page, which naturally uses the dd and dt tags. That is the only page I use them. Would it then be better to simply put the style information for those tags in the head section of that particular page? -
Here are my comments,1. "... if you click on the next button" There is no next button.2. your self should be one word - yourself3. The last sentence ending in thre word site should end with a period.4. The main text font could be larger. I find it annoying to squint to read the text.5. I prefer not to scroll horizontally. You have enough room on the page to have all the links, frames, and text to be on one window.6. I like the colors. I used similar ones on my site.Ok so ive got my first site here: http://medussa2.atspace.com/im sure there is more that can be done to this site but im really unsure as of what. as a designer im looking at the site from a different way a user would look at it, and i would love to hear more about it any minor adjustments.ive got different colours in mind http://medussa2.atspace.com/test2.htmli would love to hear morethanks for the timeBen -
Look at this linkhttp://www.themaninblue.com/writing/perspective/2005/08/29/well, first maybe your other divs are on top of the footer.LG -
You are wise to try to edit the code to see what effect it has. The next step is to type the code rather than copy and paste. You will learn more by typing, even if you are retyping code from an example.To set up a web page from your Desktop follow these steps, (it is only for your computer not the Internet).1. Create a New Folder on the Desktop, and name it.2. Using Notepad create 2 files - a CSS and an HTML (see below). Place them in the New Folder.3. Copy and paste your graphic into the new folder.#2 CSS file - name it something like mystyle.cssHere is a sample one that you can follow,Hi,I think in the lesson's example, I can't replace the image with the one of my choice on the "edit the text and click me" tab which I found a bit odd, or It's me. This also happend in HTML lessson.Cheers,Oceancolour5./* My Stylesheet */body {background-image: url("agraphic.gif");font-family: sans-serif;color: #FFFFCC;font-size: 11pt;}Replace "agraphic.gif" with the name of the one you put into the new folder.#2 html file - name it something like test.htmlHere is a sample one that you can follow,
<html><head><link rel="stylesheet" type="text/css" href="mystyle.css"></head><body><h1>Test File</h1></body></html>
Now open your new folder and click on the test.html file. A new browser window should open with your graphic tiled as the background and Test File colored yellow on the page.
-
debuggin ie
in CSS
I looked but could not see the problem in IE. I may be overloaded with info. However I did find a typo, "preperation" should be "preparation"Alright well i've practicaly finished the conversion of runuo.com to xhtml and css but there are a few problems.In IE"|of use" appears double some how in the legal navigationthe section with navigation / runuo / playuo / razor divs is pushed slightly to far right the 1px top border does not extend as far left as it shouldIn FFthere should be a margin between navigation and runuo boxesThanks in advance heres the html<?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 xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="css.css" rel="stylesheet" type="text/css"/></head><body><div id="wrapper"> <!-- begin header --> <div id="logo"> </div> <div id="subheader"> <h1>Welcome to the all new runuo.com</h1> </div> <!-- end header --> <!-- begin navigation and info --> <div class="navigation"> <ul> <li><a href="index.php">Home</a></li> <li><a href="about.php">About</a></li> <li><a href="products.php">Products</a></li> <li><a href="downloads.php">Downloads</a></li> <li><a href="community.php">Community</a></li> <li id="last"><a href="freeshards.php">Shards</a></li> </ul> </div> <div class="runuo"> <h1>RUNUO </h1> <h2>RunUO 2.0.0 is coming</h2> <ul id="info"> <li><a href="#">Faster Core</a></li> <li><a href="#">More Features</a></li> <li><a href="#">64 Bit Support</a></li> <li><a href="#">Much more...</a></li> </ul> </div> <div class="playuo"> <h1>PLAYUO </h1> <h2>PlayUO Beta 13 </h2> <ul id="info"> <li><a href="#">Powerful Client</a></li> <li><a href="#">Convenient Options</a></li> <li><a href="#">Plugins Enabled</a></li> <li><a href="#">Much more...</a></li> </ul> </div> <div class="razor"> <h1>RAZOR </h1> <h2>Razor 1.0.0 </h2> <ul id="info"> <li><a href="#">Powerful Macro's</a></li> <li><a href="#">Packet Video System</a></li> <li><a href="#">Custom Titlebar</a></li> <li><a href="#">Much more...</a></li> </ul> </div> <!-- end navigation and info --> <!-- begin news / updates / projects --> <div class="content"> <h3>Latest News & Updates</h3> </div> <div class="projects"> <h3>Hosted Projects</h3> <ol> <li><a href="http://www.uogamers.com/"> UO Gamers: Hybrid (UOR)</a></li> <li><a href="http://www.uodivinity.com/">UO Gamers: Divinity (T2A)</a></li> <li><a href="http://www.uodemise.com"> UO Gamers: Demise (ML)</a></li> <li><a href="http://www.runuo.com/razor/"> Razor</a></li> <li><a href="http://www.smithysanvil.com/">The Smithy's Anvil</a></li> <li><a href="http://www.imagedonkey.com/"> Image Donkey</a></li> <li><a href="http://www.topshards.com">Top 200 Free Shards</a></li> <li><a href="#"> Coming Soon!</a></li> </ol> </div> <!-- end news / updates / projects --> <!-- begin footer --> <div class="footer"> <ul id="footernavigation"> <li class="first"><a href="http://www.runuo.com/index.php">Home</a></li> <li><a href="http://www.runuo.com/about.php">About</a></li> <li><a href="http://www.runuo.com/products.php">Products</a></li> <li><a href="http://www.runuo.com/downloads.php">Downloads</a></li> <li><a href="http://www.runuo.com/community.php">Community</a></li> <li><a href="http://www.runuo.com/shards.php">Shards</a></li> <li><a href="http://www.runuo.com/contacts.php">Contacts</a></li> <li><a href="#">Sitemap</a></li> </ul> <h4>RunUO.com © 2006 All Rights Reserved</h4> <ul id="legalnavigation"> <li class="first"><a href="http://www.runuo.com/privacy.php">Privacy Policy</a></li> <li><a href="http://www.runuo.com/privacy.php">User Agreement</a></li> <li><a href="http://www.runuo.com/privacy.php">Terms Of Use</a></li> </ul> </div></div></body></html>
and heres the css
.content a:link { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}.content a:visited { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}.content a:hover { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}.content a:active { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}.projects a:link { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}.projects a:visited { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}.projects a:hover { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}.projects a:active { color: #4A8AC8; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}h1 { font-family: Tahoma; font-size: 18px; color: #FFFFFF; height: 30px; width: 169px; line-height: 30px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}h2 { font-family: Tahoma; font-size: 13px; color: #000000; padding-left: 5px; text-align: center; margin-top: 20px;}h3 { font-family: Tahoma; font-size: 12px; color: #000000; background-color: #E2E2E2; padding-left: 20px; line-height: 30px;}h4 { font-family: Tahoma; font-size: 11px; list-style-position: inside; list-style-image: none; list-style-type: none; text-align: center; color: #4F4F4F; font-style: normal; font-weight: lighter; width: 699px; }.runuo h1 { background-color: #FA4D11; border-top: 15px solid #F7360B; text-align: right; margin: 0px;}.playuo h1 { background-color: #FA9811; border-top: 15px solid #F98B10; text-align: right; margin: 0px;}.razor h1 { background-color: #A8B62B; border-top: 15px solid #9DAD26; text-align: right; margin: 0px;}#subheader h1 { display: none;}body { text-align: center; border-top: 5px solid #E9E9E9; border-right: 5px #E9E9E9; border-bottom: 5px #E9E9E9; border-left: 5px #E9E9E9; margin: 0px; padding: 0px;}#wrapper { text-align: left; height: auto; width: 699px; margin-right: auto; margin-left: auto;}#logo { background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: left top; height: 40px; width: 699px; margin-top: 25px; margin-left: 20px; padding: 0px; margin-right: 0px; margin-bottom: 0px; float: left; clear: left;}#subheader { background-image: url(images/head.jpg); background-repeat: no-repeat; background-position: left top; height: 141px; width: 699px; margin-top: 12px; margin-bottom: 15px; padding: 0px; margin-right: 0px; margin-left: 0px; clear: both; float: left;}.navigation { background-color: #FFFFFF; width: 166px; margin-left: 0px; height: 180px; padding-top: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: none; float: left; text-align: left; list-style-position: inside; list-style-image: none; list-style-type: none;}.runuo { background-color: #FFFFFF; width: 169px; margin-left: 5px; height: 180px; padding-top: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: none; float: left; border: 1px solid #E2E2E2;}.playuo { background-color: #FFFFFF; width: 169px; margin-left: 5px; height: 180px; padding-top: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: 1px solid #E2E2E2; clear: none; float: left;}.razor { background-color: #FFFFFF; width: 169px; margin-left: 5px; height: 180px; padding-top: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: 1px solid #E2E2E2; clear: right; float: left;}.content { height: auto; width: 473px; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin-top: 15px; margin-bottom: 0px; margin-left: 0px; text-align: left; float: left;}.projects { width: 220px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; clear: right; text-align: left; height: auto; float: left;}ul#info { list-style-position: outside; list-style-image: url(images/infobullet.gif); list-style-type: none; font-family: Tahoma; font-size: 12px; text-align: left;}.footer { height: auto; width: 669px; border-top: 3px solid #E7E7E7; border-right: 3px #E7E7E7; border-bottom: 3px #E7E7E7; border-left: 3px #E7E7E7; margin: 0px; clear: none; float: left; text-align: center; padding: 0px;}ul#info li a { text-decoration: none; color: #ADADAD; text-align: left; margin: 0px; padding: 0px;}ul#legalnavigation { font-family: Tahoma; font-size: 12px; list-style-position: inside; list-style-image: none; list-style-type: none; text-align: center;}ul#legalnavigation li { display: inline; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: #4F4F4F;}ul#legalnavigation li a { text-decoration: none; color: #4A8AC8; margin: 0px; padding: 0px 5px 0px 10px;}#legalnavigation li.first { border-left: 1px solid #FFFFFF;}ul#footernavigation { font-family: Tahoma; font-size: 12px; list-style-position: inside; list-style-image: none; list-style-type: none; text-align: center; margin-top: 4px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}ul#footernavigation li { display: inline; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: #4F4F4F;}ul#footernavigation li a { text-decoration: none; color: #666666; margin: 0px; padding: 0px 5px 0px 10px;}#footernavigation li.first { border-left: 1px solid #FFFFFF;}.navigation ul li a:link { color: #6A6A6A; text-decoration: none; list-style-position: inside; list-style-image: none; list-style-type: none; text-transform: uppercase; font-family: Tahoma; font-weight: 900; font-size: 11px; background-image: url(images/normal.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}.navigation ul li a:visited { color: #6A6A6A; text-decoration: none; list-style-position: inside; list-style-image: none; list-style-type: none; text-transform: uppercase; font-family: Tahoma; font-weight: 900; font-size: 11px; background-image: url(images/normal.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}.navigation ul li a:hover { color: #6A6A6A; text-decoration: none; list-style-position: inside; list-style-image: none; list-style-type: none; text-transform: uppercase; font-family: Tahoma; font-weight: 900; font-size: 11px; background-image: url(images/active.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}.navigation ul li a:active { color: #6A6A6A; text-decoration: none; list-style-position: inside; list-style-image: none; list-style-type: none; text-transform: uppercase; font-family: Tahoma; font-weight: 900; font-size: 11px; background-image: url(images/normal.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}.navigation ul li { list-style-position: inside; list-style-image: none; list-style-type: none; width: 166px; margin: 0px; padding: 0px 0px 0px 20px; height: 29px; border-top-width: 1px; border-top-style: solid; border-top-color: #DEDEDE; line-height: 29px;}.navigation ul { margin: 0px; padding: 0px;}Any suggestions of things i should have done differently that would improve the code are welcome as well as comments on whether or not you think it looks close to the real thing www.runuo.com
-
In my CSS I have thisHi,I am learning the CSS and stuck at CSS background. On example 2: Set image as background. <html><head><style type="text/css">body {background-image:url('bgdesert.jpg')}</style></head><body></body></html>I wanted to replace with my own image in my pictures folder ( like IMG_3760) and it didn't work. I think it has to do with the URL but I don't know how. I needed help so I can move on to the next lesson. Thanks. Dien.background-image: url("pictures/blackmarble3.gif");Notice that I have in the main folder a separate folder for my graphics called pictures and the URL points to this folder to obtain the gif that tiles as my background. On each page I have in the head
<link rel="stylesheet" type="text/css" href="mystyle.css" />
-
Try this link. There is a good discussion about positioning the footer. The code is there also.http://www.themaninblue.com/writing/perspective/2005/08/29/Can't you do something like;clear: both;in the #footer code? I think that's how mine works. -
Go to this link for information on the line height. Basically it is the distance between the lines of type, like double space. You can use decimals like 1.4http://www.w3schools.com/css/pr_dim_line-height.aspwhat is line height for and when should i use it? -
Go to this link for an explanation of the Clear propertyhttp://www.w3schools.com/css/pr_class_clear.aspwhat does clear do? when should is be used? -
Thats just an example, you can use any type of picture. Also, if your webpage and the picture arent in the same folder you will need to type up the rest of the folder location(or URL). =]
-
have you tried to google, parse text?I'm looking for a way to programatically select certain text in a text control. In another words, I want to take a text control from a form and call a function which will give focus to that control and set an arbitrary number of characters to highlighted.Right now the select() method of the element is the closet thing I have found to accomplish this task, but it apparently only selects the entire text in the control. So what does everyone think, is this possible? -
I put this code in my CSSbackground-image: url("pictures/blackmarble3.gif");I made a small image using Paint Shop Pro and called it blackmarble3.gif. I then put the image in the pictures folder, which is uploaded to my site. So when the CSS is called from each page, the above code tiles the gif as a background. W3schools gives ways to put the background image on selected parts of the page - top, left side . . .http://www.w3schools.com/css/tryit.asp?fil...ackground-imageYes, i do feel stupid =) -
Here are two other links that you may wish to consider. The first one is short and not all-inclusive, but may get you started.http://www.javascriptkit.com/dhtmltutors/css1.shtmlThis one is from W3, but is written by other coders.http://www.w3.org/Style/LieBos2e/enter/Can anyone teach me CSS? i tried W3C's Tuts but i cant understand it >.< can some one teach me it better? My emails is Mount.Tropolis@Gmail.com My AIM is Mount Tropolis My MSN is Mount.Tropolis@gmail.comPlz e-mail or IM me..It'll be a really big help. Thanks
-
Thanks for the reply. When I copied and pasted the URL into the body of the reply there were no url tags around the link, so I assumed that it would not show as a hyperlink. This has been my experience on other forums. But it works here.http://w3schools.invisionzone.com/index.php?showtopic=3429Do you mean you wanthttp://www.myhomepage.comto show up instead of My Webpage?If that is what you are talking about, then simply dont use the http button to create the link. Just type it in. The button is just a shortcut way to hyperlink the text.
All of animated gif loaded before displaying in table?
in HTML/XHTML
Posted
I used animated gifs to display the flags of 3 countries on the opening page. They are in one div and there is no lag on the page opening. The flags contain 5 or 6 frames.
Here is the link to the site http://www3.sympatico.ca/b-c.collier/index.html