|
HTML - Html Canvas Line Width Problem
I have found what seems to be a rather big problem in the HTML canvas
When drawing circles, and I presume all shapes, the size of the circle is different based on whether one is filling it, or sketching it. If we have a circle of radius 10 and line width k, and we decide to fill it, that line width will be evenly dispersed about the perimeter of the circle such that half the line width is inside the circle, and half is outside the circle. If, however, the same circle is sketched, the line width will still be the same, but it will now be dispersed entirely on the outside of the circle, thus making it larger. If I am wrong, and this is how figures are supposed to be drawn, or if I am simply not using the right settings, please let me know =) Similar TutorialsHi, I am using tables in dreamweaver, making a bottom border for each cell, but I dont want it to go all the way across, I want a short bottom line, here is the code: <td colspan="2" valign="top"style="border-bottom: 1px solid #AF0A10"> let me know how to make the bottom line at like 50% Thanks! -Sean in the past when ever I have string that is longer than the width specified in the <td>it always automatically line breaked for me. But now I am encountering an issue with the <td> stop auto line breaking, and instead just increase the width of the table to make the string fit in 1 line. if anyone know whats possibly causing this problem please reply, any thing suggestion is greatly appreciated. Thanks Hello all, I am trying to replicate a style I have seen on the site listed below, where they appear to be using the CANVAS command to create a gradient top and bottom margin. I can seem to find anything online about how to do this but obviously they have figured it out. http://www.xtrememac.com/ Any ideas or pointing me in the right direction are greatly appreciated. Thanks! I've create the line using html tag <hr> in my php program. I modified the line style as <HR width="100%" COLOR="BLUE" SIZE="4" NOSHADE> but in the browser it doesn't show any color and line size as i modified. It only shows a line with no effect (not blue color and size is normal). When i tested it in the another php file, it works. Is it becuase of my php coding in a file?or what? My coding is HTML Code: <table id="content">
<tr><td id="content" colspan="2"><HR width="100%" COLOR="BLUE" SIZE="4" NOSHADE></td>
</tr>
<tr>
<td align="left"><?php if ($breadcrumb != ""): ?>
<?php print $breadcrumb ?>
<?php endif; ?></td>
<td><div align="right"><font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.yahoo.com" target="_blank">Yahoo</a> | <a href="http://www.google.com" target="_blank">Google</a></font></div></td>
</tr>
</table>
Any idea or suggestions are welcome. Hello Everyone! (hoping for quick reply.. lol) I am not sure if this should go here, or in the design section. I chose here, because it is a problem in the code itself. I have introduced myself in the introductory section, if you want to know a little bit more about what I am doing this for. I made a template design in The Gimp photo editor. I sliced it up, and opened up the HTML file in the editor Kompozer. It opened up just like it should, but I wanted a liquid type layout, so I turned the cell's widths into the corresponding percentages, though Kompozer rounded them off. (Shown below) However, when I previewed the file this time, it appeared as if it skipped every other cell, leaving a blank white space in its spot. Not even in the right percentages. I think I know what I've done wrong, looking back now that I am writing this thread. Can someone please point me in the right direction? EDIT: Code posted as comment, due to lack of character room. Hi all, I'd really appreciate some help on this one. I have a program which outputs very long strings of text to a HTML page. At the moment the text stays on one line resulting in an annoying horizontal scrollbar. How do I get the page to automatically format the text so that it all fits within a standard width, and so there's no horizontal scrollbar? Regards, Ruth I was wondering how I could increase the width of the box. I thought it would be in the "width" field, but it did not work. COding below. <style> .box, .box * { margin:0; padding:0; } .box { overflow:hidden; } .box, .box p, box img { margin:1em 0; border:none !important; } .box .title { margin:0.5em 0; } .box .left, .box .right { padding:5%; float:left; width:46%; } .box .left { background:#efefef; } </style> <div class="box"> <div class="left"> <h2 class="title">Title &nb sp; & nbsp; <fb:share-button class="url" href="http://facebook.com/ test" /> </h2> <p>Content above image.</p> <img src="http://i.imgur.com/test.jpg" /> </div> <div class="right"> <p>Content to the right of the image here</p> <p>More text content on the right<br />This line isn't as spaced out <a href="path/to/file.html">link in content</a></p> <a href="http://www.test.com" target="_blank">Your link</a> </div> </div> hello, Im a noob at HTML and was wondeirng if you guys/gals could help me. Im trying to make a bracket and I am not sure how to make the line centered with the other lines. here is the code Code: td {
vertical-align: middle;
width: 10em;
margin: 0;
padding: 0;
}
See how each horizontal lines are centered with the 2 horizontal lines that come before it in this example? http://sharkspage.com/jpgs3/2007bracket2.gif my problem is the code i'm using centers the horizontal line with the words on the lines, not the actual 2 horizontal lines. So if the word on the top line is 50 characters taking up 3 rows, and the word on the bottom line it 5 characters using 1 row, the line is way off-centered. Here is my messed up Bracket http://warchant.0catch.com/WarchantBracket.html here is the HTML, couldn't fit the whole thing here so I only went as far as Region 1 HTML Code: Warchant Movies
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Page Title</title>
<!-- link rel='stylesheet' href='style.css' type='text/css' -->
<style type="text/css">
<!--
table {
border-collapse: collapse;
border: none;
font: small arial, helvetica, sans-serif;
}
td {
vertical-align: middle;
width: 10em;
margin: 0;
padding: 0;
}
td p {
border-bottom: solid 1px black;
margin: 0;
padding: 5px 5px 2px 5px;
}
-->
</style>
</head>
<body>
<table summary="Tournament Bracket">
<tr>
<td><b>Region 1</b><p>1. Star Wars: Episode IV - A New Hope</p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
<td rowspan="8"><p></p></td>
<td rowspan="16"><p></p></td>
<td rowspan="32"><p></p></td>
<td rowspan="64"><p></p></td>
<td rowspan="128"><b>Champion</b><p></p></td>
</tr>
<tr>
<td><p>32. Wizard of Oz</p></td>
</tr>
<tr>
<td><p><br>16. Fight Club</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>17. Old School</p></td>
</tr>
<tr>
<td><p><br>9. Blazing Saddles</br></p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
</tr>
<tr>
<td><p>24. Deer Hunter</p></td>
</tr>
<tr>
<td><p><br>8. Tombstone</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>25. Clockwork Orange</p></td>
</tr>
<tr>
<td><p><br>4. Saving Private Ryan</br></p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
<td rowspan="8"><p></p></td>
</tr>
<tr>
<td><p>29. Star Trek II: The Wrath of Kahn</p></td>
</tr>
<tr>
<td><p><br>13. The Longest Day</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>20. The Longest Yard (Original)</p></td>
</tr>
<tr>
<td><p><br>12. Apocalypse Now<br></p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
</tr>
<tr>
<td><p>21. Jaws</p></td>
</tr>
<tr>
<td><p><br>5. Raiders of the Lost Ark</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>28. Boyz in the Hood</p></td>
</tr>
<tr>
<td><p><br>2. Braveheart</br></p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
<td rowspan="8"><p></p></td>
<td rowspan="16"><p></p></td>
</tr>
<tr>
<td><p><br>31. Say Anything</br></p></td>
</tr>
<tr>
<td><p><br>15. Bridge Over the River Kwai</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>18. The Magnificent Seven</p></td>
</tr>
<tr>
<td><p><br>10. The Incredibles</br></p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
</tr>
<tr>
<td><p>23. The Quiet Man</p></td>
</tr>
<tr>
<td><p><br>7. The Godfather</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>26. Tora, Tora, Tora</p></td>
</tr>
<tr>
<td><p><br>3. The Big Labowski</br></p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
<td rowspan="8"><p></p></td>
</tr>
<tr>
<td><p>30. Return to Me</p></td>
</tr>
<tr>
<td><p><br>14. Young Frankenstein</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>19. Rocky IV</p></td>
</tr>
<tr>
<td><p><br>11. A Bridge Too Far</br></p></td>
<td rowspan="2"><p></p></td>
<td rowspan="4"><p></p></td>
</tr>
<tr>
<td><p>22. A Few Good Men</p></td>
</tr>
<tr>
<td><p><br>6. Full Metal Jacket</br></p></td>
<td rowspan="2"><p></p></td>
</tr>
<tr>
<td><p>27. Goodfellas</p></td>
</tr>
<br>
Appreciate any help Hi all, I am a totally new to html, "yesterday I could not even spell it". I am working on a simple project where I have used a table to store page information (text and pictures), I read it somewhere it is the best way to do it. I figured out how to set the context width in the cell (<td width="20">) but how do set the width of the cell? Remember, I am not building "The Windsor Castle" just a little cuby house in the back so everything should be as simple aspossble, not necessarily the fastets and most versatile. Thanks in advance. I'm still extremely new to coding in html and I'm trying to figure out how to code in all the divides and space them out where I want to but I can't figure out what makes the menus and ad space and main body conform to the shape it is in on this code: And apparently I can't fit it all into a post but the web page is he http://www.huntingtonnews.net If anyone knows about how to space divides, menu bars, and such can you please look at that page and view source and give me a hint? Thanks... Codeguru Good day/night ALL. I am new to html, I tried sample webpage but could not figure out how to start paragraph in new line. Please help. This is my sample page: <HTML> <HEAD> <TITLE>my first web page</TITLE> </HEAD> <BODY bgcolor="#0099FF" text="#FFFF00" background="bluetile.jpg"> <H1 align=left>Hello World</H1> <P align=left>Hello World</P> <font face="arial">this is the arial font face</font> <font size=7>size 7</font> <font face="georgia, times new roman, arial">alternative fonts</font> <font face="arial" color="#FF0000">this is the arial font face</font> <TT>teletype text is monospaced which means each letter takes up exactly the same amount of space</TT> <PRE> .--, .-. __,,,__/ | / \-'` `-./_ | | `) \ ` `\ ; / , , | | / : O /_ | O .--;__ '. | ( )`. | \ `-` / | \ ,_ _.-./` / \ \``-.( / | `---' /--. ,--\___..__ _.' /--. jgs \ `-._ _`/ ' '. .-' ` ' . `` ' ; </PRE> <a href="index.html"><img src="home.gif"></a> <CENTER> <BR> <BR> <BR>This is my very first webpage, aint i clever? </CENTER> </body> </HTML> Hi there, After moving some webpages around with Expression Web, all my HTML is now on one line for each page! Is there a tool, website or some way of changing all the text back to something like: <tag> content </tag> <another tag> something else </you get the idea...> Thanks! Hi, I have a few questions. I use Netscape Composer 7.2 to design my webpage (since it is free), and occasionally insert my own hand-written html code. 1. I have a 22" 16:9 wide-screen monitor. Why do websites waste all the space to the left and right of their content with either a background image or a single solid color? Many sites do this (but not google), such as: http://www.summitpropertiesgroup.com/about.php http://www.nytimes.com/ http://www.usatoday.com/ https://twitter.com/ Is it because they are all designed for small laptop monitors? Do most people have 17" desktop monitors these days? 2. What is the html code to shrink my webpage width to make my site look like these sites? Right now, my webpage is the width of whatever the monitor is. I assume I have to use one large table and set an absolute width to whatever?? 3. How do I verify that my website looks just as good on a 14" laptop monitor as it does a 25" desktop monitor without having to buy all these monitors or ask friends to use theirs? I am worried since I just hit the tab or space key on Netscape Composer when I want to indent in a certain manner, and I wonder how this looks to someone using a smaller monitor. I have 17" and 22" monitors myself so I know it looks good on those. I also put 640 x 480 pics side by side, with text typed on top of each pic. I am worried on a smaller monitor, only one pic may fit, and the text on top will be mixed up. Thanks for any help! Stephanie Is there a way to set the minimum width on html frames which are inside a frameset such that when resizing the frames do not disappear completely? For example how would you do it in the following? <html> <frameset cols="50%,50%"> <frame src="left.htm" /> <frame src="right.htm" /> </frameset> </html> I have search around for possible answer(s) but I have not found a solution that works. Preferably, I am looking for a solution that works for recent versions of IE, FireFox at least. Thanks. I am having no luck changing the line spacing of a single paragraph. I looked online and found something on using it in a div tag: Code: div {line-height: 5px;}
but everything else is with CSS. What would be the simplest way to encode a paragraph with a smaller line space between lines? Anders Hi when i click on the echolot link it goes to http://mydomain/modified/Echolot.html but i want it to go to http://www.mydomain/echolot/echolot.html how do I change the line below which is on the index.html page: <TR> <TH COLSPAN=2 BGCOLOR=green;><a href="./Echolot.html" title="Echolot" alt="Echolot">Echolot</a></TH> </TR> xstation HTML Code: <textarea wrap='soft' name='newsMsg' cols='20' rows='7'
class='newsMsg cleardefault'></textarea>
And that is my textarea code. The problem is that is doesn't wrap the text when typing it in the textarea. Any help would be appreciated. Thanks in advance. I'm trying to come up with a way to mimic a "tab fill" in html: Like this only the page numbers would be justified to the same line, and the . .. is "auto generated" to fill the empty space: 1. The First Line ................................... 25 2. Below The First ................................. 32 3. After That .......................................... 47 The "titles" would be in column 'a', and the numbers would be in column 'b' The space after the "titles" would be filled with ... I have come close using 'bottom border' but that puts the ... under the text as well. I tried using span and div, but that will either putt the ... on a new line below the text, or if i use 'display:inline;' it puts it on the same, but it no longer fills the empty space to the edge, and only displays the ... when there is text inside. I tried stretching it out with a clear image but it didn't work either. Also tried using a 'highlight' (background color) on the text to cover the bottom border but that didn't really work. (the closest i got was using this method with a background image of a dot. but that wasn't much better...) Any thoughts? Thanks. ok, im trying to make a shoutbox and i need the box to be a max width of 200px. But, since the shoutbox entries are going to be dynamic, theres a problem. In a table cell, if you have a string of characters without spaces, it will extend the width of the table cell (and entire table if appropriate) in order to accomodate this... The problem is, i need the table width to stay constant... 200px. Ive tried using normal width attributes and css in each of the td, table, and div (around the table) tags, but that does not work-- the table still extends horizontally in order to display the string. Is there anyway I can staticly set the table width to 200px and keep it that way? Frankly, i dont care what happens to the extra long string, short of deleting it altogether, i just need the table to stay a constant width |
|||||||