|
HTML - Noobie In Over His Head.
I am extremely new to Web design. I have found that it is very tricky to design sites that will look good regardless of which browser is being used and regardless of what browser settings have been tweaked. Following is my first attempt at a personal template. http://eversnug.com/holmeschiropract...es/frames.html There is a border segment just dangling to the bottom of the lower left corner that I don't know how to get rid of. Any help would be much appreciated.
Similar Tutorials[b]So I'm modifying my blogger template, but i can't remove this thing: Could anyone tell me what to delete in my html code to make it disappear??? Website: http://13stairstomikarain.blogspot.c...o-so-sick.html Hi! I am currently studying a Comp Sci degree in college. I want to create a few webpages and cut my teeth. I know basic html but would like to do something more advanced. I want to add a widget or script of sorts to a webpage to allow news updates, adding pictures and text basically. I am not really sure what I am looking for and would just like to know what terms or terminology to search for. Would this come under the heading of Javascript, php, perl, widgets? Any help is appreciated. I'm trying to make a little secret santa auto-emailer thing for my family. I've run into a bit of a problem with some html. I'm trying to superimpose each persons christmas list over the image of a scroll, so it's like it's written on the scroll. (Corny, I know, but it's christmas!) The problem is when people have wishlists that are too long. Attached are two images to illustrated: This is how it should look: Good. but this is what happens when their list is too long: Bad. I'm using tables to do it right now, but I'm open to whatever (except maybe CSS. If it's easy I could, but otherwise I'm a noob). My current approach was to divide the image into 9 sections, put each section into a cell in the table, and superimpose the text over the top of the center cell. (I know I could've divided it into fewer images, 3 probably, I will if I have to reupload the images). Here's the code I'm using right now: Code: <table border="0" cellpadding="0" cellspacing="0">
<TR><TH><img src="http://img380.imageshack.us/img380/9459/101zx7.png"> <!--top left image-->
<TH><img src="http://img208.imageshack.us/img208/9360/102xj5.png"><!--top center image-->
<TH><img src="http://img368.imageshack.us/img368/3449/103xh4.png"><!--top right image-->
<TR height="446"><TH><img src="http://img368.imageshack.us/img368/5594/104du5.png"><!--middle left image-->
<TH width="311" background="http://img368.imageshack.us/img368/5290/105ql2.png"><!--center image-->
{The Christmas List Goes Here}
<TH><img src="http://img368.imageshack.us/img368/3397/106iv7.png"><!--middle right mage-->
<TR><TH><img src="http://img201.imageshack.us/img201/5362/107xc4.png"><!--bottom left image-->
<TH><img src="http://img224.imageshack.us/img224/1498/108jd6.png"><!--bottom center image-->
<TH><img src="http://img526.imageshack.us/img526/8285/109br7.png"><!--bottom right image-->
</table>
I don't need anyone to code it exactly for me, just point me in the right direction. I'm fine with modifying the images so there's a section that can be repeated without looking bad. I'm just not sure how to dynamically "grow" the scroll as the list gets longer. Can anyone help me? Hey guys, im new here so I want to introduce myself. I run an ubuntu server from home and serve Thetuxhouse.com from it. I was just adding a favicon to it and ran into an obstacle. I've been using javascript for repeated stuff like the menu, and banner. The favicon links would also be repeated. I tried to use javascript in the same fashion for the favicons in http://thetuxhouse.com/js/head.js and it did not work. I need to make an external file for the links to the favicons that are currently making my header very bulky. Thanks alot. -Hartless I really hate to do this, but I am in need of some help. A few days ago I had a family reunion with one hundred or so attending, and somehow word got out that I was a Computer Engineering major. Now this is where it gets tricky, I was approached by a number of my distant relatives wanting me to build a website for our family reunion. They want something very simple so anyone of any age can use it, and they want to have some kind of registration where you can view everyone else who registered and post images of the family. However they don't want a forum because it is " Not elderly friendly". My knowledge of HTML is probably slightly higher than a beginner level, and this entire this has me flustered and stressed out. Does anyone have any tips on where to start for this? yo ppl i can get a head an everythin <head><title>thisisexamle</title></head but how do i get a samell img in ther like this site? the little light bulb thing thnx for ur time marcus Ok I am not sure what I need to use to create my site. I want to have a box in the middle of the page, when it is clicked I would like other boxes to expand from it. Am I going to need flash for this? In a template I'm using I find the following head code. <style type="text/css"> /* <!-- */ Is the /*<--*/ necessary? Does it do anything? Can I remove it along with the ending tag /* --> */ , or is it required? I presume I need the <style type="text/css">, because I does use some style tags in the body. Thanks I have the following code in my <head> Code: <script src="scriptaculous/lib/prototype.js" type="text/javascript"></script> <script src="scriptaculous/src/effects.js" type="text/javascript"></script> <script type="text/javascript" src="fabtabulous.js"></script> <script type="text/javascript" src="validation.js"></script> <title>AUDY</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="audy3.css"/> However only the java is loading, not the css. If I change the css link to an absolute link (http://.../audy3.css) then the css works but not the java. If I change the java links to absolute links it still doesn't work. What's going on? Basic question, but can anybody tell me how to load a new HTML page upon immediate load of a page. I am looking to have index.html immediately load a different home page. I'm trying to use onLoad, but can't seem to get it working. Thanks I am having issues with a myspace layout, I usually do my own, but my friends band had another guy do it. In the process he made a custom mast header and the music player is not showing up. Here is the coding, can someone help fix this please. HTML Code: <div class="masthead"><img src="http://i33.tinypic.com/2087lep.jpg"><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"><img src="http://i34.tinypic.com/2yzesk3.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i37.tinypic.com/qy8e14.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i37.tinypic.com/2j0l9o5.jpg" border=0></a><br>
</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i38.tinypic.com/2dqiplh.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTExMzkyMTgzNw=="><img src="http://i37.tinypic.com/awt752.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTExMzkyMTgzNw=="><img src="http://i34.tinypic.com/2r7vvck.jpg" border=0></a><br>
<img src="http://i33.tinypic.com/11ry97c.jpg"><br>
<img src="http://i37.tinypic.com/oj14hu.jpg"><a href="http://myspace.com/jaygambit"><img src="http://i36.tinypic.com/i5otb9.jpg" border=0></a></div>
<style>
NOTE {This is the custom masthead}
.masthead {width: 800px; height: 1000px; position: absolute; margin-left: -400px; left: 50%; top:0px; bottom: 0px; background-image: url("http://i38.tinypic.com/205rupd.jpg"); background-position:top center; background-repeat:no-repeat;}
.copyright-jaygambit {Created by Jay Gambit}
.copyright-jaygambit {Background Properties}
table, tr, td {background-color:transparent; border:; border-width:0;}
body {background-color:000000;
background-image:url("http://i35.tinypic.com/2u9phjk.jpg");
background-attachment: fixed;
background-position:top center;
background-repeat:repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:000000;
margin-top: 1000px;}
.copyright-jaygambit {Table Properties}
table table {border: 1px}
table table table table{border:1px}
table table table {border-style:solid;
border-width:0px;
border-color:000000;
background-color:000000;}
.copyright-jaygambit {Text Properties}
table, tr, td, li, p, div {font-family:Times; color:ffffff; font-size:12px;}
.btext {font-family:Times; color:ffffff; font-size:12px;}
.blacktext10 {font-family:Times; color:ffffff; font-size:12px;}
.blacktext12 {font-family:Times; color:ffffff; font-size:12px;}
.lightbluetext8 {display: none;}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,
table table table table table td {width:auto;}
.redtext {font-family:Times; color:ffffff; font-size:12px;}
.redbtext {font-family:Times; color:ffffff; font-size:12px;}
.text {font-family:Times; color:cd853f; font-size:12px;}
a:active, a:visited, a:link {font-family:Times; color:cd853f; font-size:12px;}
a:hover {font-family:Times; color:ffffff; font-size:12px;}
a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Times;
color:ffffff; font-size:11px;}
a.navbar:hover {font-family:Times; color:ffffff; font-size:12px;}
a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Times; color:ffffff; font-size:11px;}
a.redlink:hover {font-family:Times; color:ffffff; font-size:12px;}
.nametext {font-family:Times; color:ffffff; font-size:20px;}
.orangetext15 { background-color: 27382E; color: ffffff; font-size: 10pt; text-align: left; font-family: Times; font-weight: bold; line-height: 13px; text-transform: uppercase; border0px solid; border-color:00ff00; width:100%; display:block;}
.whitetext12 { background-color: 27382E; color: ffffff; font-size: 10pt; text-align: left; font-family: Times; font-weight: bold; line-height: 13px; text-transform: uppercase; border1px solid; border-color:00ff00; width:100%; display:block;}
object {position:absolute; left:50%; top:640px; margin-left:-225px; z-index: 3;}
table table table object
{position:static; margin-left:298px;}
</style>
<style type="text/css">
.contactTable {display:none;}
</style>
<style type="text/css">
div table table a img {display:none;}
</style>
<style>
td.text object {visibility:hidden;}
td.text td td object {visibility:visible;}
</style>
<center/>
<br>
</style>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL21heWhlbXByaW50aW5n"_blank"><img src="http://i63.photobucket.com/albums/h144/comarosteve/IDWTDIT/l_b397090fc61fe8af71ec106eb13ac25b.jpg" border="0" alt="IDWTDIT Shirt"></a>
<br />
IDWTDIT Shirts available in black, red and blue. Please specify color and size.
<br />
<br />
<br />
<img src="http://img151.imageshack.us/img151/6231/idwtditbanner1ss6.gif" /><br /><br />
<textarea><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2lkb250d2FudHRvZGllaW50ZXhhcw=="><img src="http://img151.imageshack.us/img151/6231/idwtditbanner1ss6.gif"/></a> </textarea>
<br />
<br />
<br />
<br>
<br />
<br />
<style>
.r { fixes positioning of the new music player }
table table td.text div div {position:relative; left:-200px; }
*html table table td.text div div {position:absolute; top:640px; left:30.5%; margin-left:-200px; }
</style>
<div style="text-align:center;width:425px;">
<div><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="350" width="450" data="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51437,artid=3171452,skinid=16,profid=113921837">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51437,artid=3171452,skinid=16,profid=113921837" />
</object>
<br />
<style type="text/css">
.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img67.imageshack.us/img67/192/idwtditbgqz8.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}
</style>
Hey All I'm having some trouble with the most basic of things. I currently own some web space which supports upto 6 domain names. I'm already using one, we'll call it FIRST.com which works fine. During this week i purchased a new domain name lets say called SECOND.com. Using CPanel I was able to create an addon domain which automatically sets the root directory of the new domain to a folder called SECOND.com The problem I am having is that although if I type into my browser SECOND.com (and having set my .htaccess file) I get my index.html page with text, no images or CSS styles have been applied. Links to other pages work however, even if they are in sub directories. For some reason I just cannot link images or CSS files, yet if I type their path into the browser they are displayed, does anyone know what I'm doing wrong? Thanks in advance Rev |
|||||||