|
HTML - An Html Noob^^;
Hello, Im new to the site and the whole html/css thing ;p So please excuse me if I come off as a complete noob ^^;
Anyways, I designed my own layout in PS CS2 and sliced it, then imported it to frontpage to finish coding it. Everything was fine and dandy up until I tried adding some links to my navigation bar. It stretched the layout along with it and vice versa. when adding too much text in the content section it stretched out the nav and makes it look hidious. Here's a screenie explaining my situation. [img=http://img291.imageshack.us/img291/8866/somethingsk1.th.jpg] That's how it is in firefox. It's a bit better in IE. http://multico.yurx.com/anime-me/anime-me(lay).html Please no flamming^^; I know im not the best at hml ;p Similar Tutorialsok so i wanna put font and pics in different areas of the page. Like what if i wanted to put it between left and center so align wouldnt work. The only way i know is using the whole   but then my code is absolutly cluddered with that. I checked out code for some other sites like video game ones. I oculdnt understand it lol but i didnt see mass abouts of non breaking spaces. Please help Hey all, Ive recently been given an assignment at college and now im trying to self teach my self on website coding/setup ect.... Here is my website so far, keep in mind two days ago I had no knowledge of HTML coding and its where it is now through hours of working through the code and I have come across some errors I cannot solve on myself. Website Link: http://www.qrpm.site90.net/INDEX.HTML First problem is, Ive installed all files into my directory of where the website is and stil using just http://www.qrpm.site90.net will not work it just brings up all the files I have uploaded to my server but placing /INDEX.HTML on the end will bring up my website, that is problem one that I would like to address. Problem two is that if you click on my Index page you will see Buttons on the left hand side of the page going down but I want to position these buttons along the top I can get them along the top but then they become dead links and wont foward my browser onto my other pages on my website I have no idea how to Fix this at all Any help would be really appreciated thank you Rob. Hey all, I still consider myself a novice in html and especially CSS. I know basic, basic html like how to write paragraphs and line breaks and embed videos and write meta tags. I know virtually no CSS However, I would like to learn more advanced techniques. Any suggestions for straightforward sites or videos or programs that I can look up? I have been looking at w3schools.com a little bit and I use notepad++ for an editor. Anyway, any suggestions would be awesomely appreciated. Thanks guys! I just started learning HTML, and made a file just to try out the various things I have learned. The below is said file. When I attempt to view it my picture does not appear, and I don't understand why. Help is much appreciated. <html> <head> <title>Test page</title> </head> <body> <center><h1>Yay for me</h1></center> <p>This is cool</p> <p>Bla bla bak</p> <ul> <li>Yay</li> <li>for</li> <li>me</li> </ul> <br> <img src=“Caster.jpg” /> </body> </html> so i have recently begun learning to write HTML, and are trying my hands on designing a website, but i have a problem, i need a thumbnail-list instead of showing the whole picture. what i have done so far is arrange smaller versions of the full picture in a table, and have each picture link to a separate page with only that picture on in full size, but i don't want to have to manually design a page for every picture. any suggestions as to how i can get around that? for instance would opening a blank page with specified color, style, picture placement and all that, be possible to make from the thumbnail list itself? so that the browser opens a blank page, reads the spesifications from the link that opens the new window, and shows that one picture big? it's really aggravating having to make a separate page for 40-50 pictures... any help would be greatly apreciated. (btw i use IE, not sure wich verson, but a rather late one atleast, and the code i'm using now is this: <!--thumbnail image--> <a href="picture name.html"><img src="images/picture name.jpg" height="100" width="100"/></a> <!--image page--> <html> <head> <title>picture name</title> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <h2 class="center">picture name</h2> <a href="gallery.html"><p class="center">back to gallery</a></p> <img src="images/picture name.jpg"/> </body> </html> thx for any help ^^ -Shane (Dentei) Hey, I would really appreciate it if someone can help me with this. I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere) Thanks everyone I know its a really dumb question but im just not getting this HTML stuff. Hello all, I really want to revamp my theme that I use on my Tumblr blog and I figured you'd be the ones to help. I'm computer literate, both Mac and PC, but I know nothing of coding. I ashamed to say this, but nevertheless I'm willing to learn a little if any of you will hold my hand through some changes I'd like to make to my Tumblr theme. Here's a link to my Tumblr page. As you can see, it's a default theme. The list of things I'd like to do is a little jagged, but I really want all my pictures to have a limit to their size and how much space they can take up. Also, I'd to know how to remove the visual tags on the left hand side. As if that's not enough adding a display of how may "notes" (for those who are tumblr literate) my posts have. Font too. How do I even begin changing these things? There are no options in the simple customize pane displayed at the top. But, I can edit the HTML... so what do I do? Please tell me if you need any information, I really want this to work. Thanks everyone. Connor Flynn Hey! I'm new. Like the forums! I have an odd question. I have a profile on another website. There's a section called 'About Me' and I can fill it with information about myself (it supports html). But the problem is that there is a 5000 character limit and I well exceeded that. Is there a website that would allow me to type my profile information and then give me some html code and wherever i would paste the code i would get my profile information? Thanks! hi all, i have just written a book and am putting it online. i have some groovy buttons but want them to change when hovered over and also depress or change when clicked. can one of you experts give me the code for this pretty please. we could take it that: A.jpg = normal button B.jpg = when hovered (mouse over i think in your expert world) C.jpg = when clicked also i would like to know where and how the code looks to 'download XY.PDF' please help us on planet noobian, we are at a loss. okay, so i'm editing my blog and i want to add my own picture to appear as the wallpaper. the blog doesn't have the option to upload your own picture so i have to modify the html. since i'm a noob at html, i looked up some tutorials, but i didn't quite understand it. could someone please help me? so, i copied all of my html code from the blog he http://pastebay.com/103487 so, could anyone tell me where do i need to paste the pic's url to get a wallpaper. tnx very much! aaaaaaaaaaaaaaaaaaaaaaaaaa I'm pretty new at creating websites. This is officially my first "REAL" website. I've tried to set up a kind of "league" for Halo 3 players from Kentucky. There are a couple of things I want to do with this site. 1. Make it possible for members to sign into the site. 2. Have some kind of program that will track stats from games that are played between the teams (I'm hoping for some kind of program that I can manipulate offline, then upload to the site which will automatically update scores/ranks/etc. I realize that this may not be possible. Don't judge me too harshly... I am a noob after all...) 3. A professional "feel" to the site. I would have the page professionally designed, but the people that do that in my area make horrible looking web pages. I would have it designed by someone on the web, but usually people ask for money that is far outside of my budget. The work that has been done so far has been done by me during any spare time I have away from my job. If you want to take a look then by all means go to http://www.ekhlonline.com . Any kind of help that you could give me would be greatly appreciated. Thanks in advance. Bobby Akers Ok I know how to create simple html web sites but I want to make my links appear in the following format like in many pages out there - http://www.digitalplayers.org/index....roducts_id=103 instead of showing the actual page like - http://www.digitalplayers.org/main.html I know it's a stupid question and I'm almost sure it's got something to do with php? can you point me to some sort of tutorial for this? So I just started to use FTP Zilla. The website is www.thesoulofashark.com. I am pretty sure all the images referenced are in the folders. I don't see why they don't show up. Is it because the links are invalid? Another question I have is, so if I want to make another page, how do I link it to that page? Here is my code. I am not sure what "alt=" does. <html> <head> <title>The Soul of a Shark - Home</title> </head> <body background="paper1.jpg"> <img src="title.png" alt="title"> <br><br><br><br> <a href="home.html"><img src="home.png" alt="My Image"></a><br> <a href="home.html"><img src="finance.png" alt="My Image"></a><br> <a href="home.html"><img src="photos.png" alt="My Image"></a><br> <a href="home.html"><img src="poker.png" alt="My Image"></a><br> <a href="home.html"><img src="forums.png" alt="My Image"></a><br> <a href="home.html"><img src="about.png" alt="My Image"></a><br> <a href="home.html"><img src="email.png" alt="My Image"></a><br> </body> </html> Hi there, I set up a blog a while back at www.agirlcalledsam.co.uk I don't use IE, ever, and have only just realised that the column is to the left: when I want it to look like this, as it does in firefox: I'm using Tumblr, with some customizations and have trial-and-errored my way to the point it's at now, but just can't work it out- Is this an easy fix? Happy to copypaste code in neccessary. Cheers Alistair Greetings. My name is Sodredge and recently I have become the largest humbled webmaster out here. All of my forms have taken a dump and it has been so long since I have written a real one out that I have forgotten most of the process. As odd as that sounds. I am looking for some general help. I have looked on the net though can not seem to find a page where someone has taken a form from start to finish. I can write a form no problem though I am unable to make it work when posting. I recall I need a "handler" I have that written out, in an ending tag or .cgi also .pl and my HTML form co insides with that written out handler. I have placed the .cgi and .pl files into my cgi-bin folder on my server and posted my forms though when the submit button is hit all I get it the "Forbidden & Not Authorized" responses. I really need help, can anyone recommend a site or some links or anywhere I can go to relearn the back end of forms ? I am so lost and this is so humbling. I do not want to go and dust off my Front Page, because that just seems more trouble then it is worth. Any takers ??? Hello all!! Well I'm new to the HTML thing and I just started my first page. I have a few specific questions that i'll list below. I'll end with the source code for everyone to see how the design works and feel free to let me know if something is wrong. I'm open to all comments, positive or negative, but I'd like everyone to keep in mind that this is my first site so be nice.. I'm shy and I have a fragile ego... lol... Desired Appearance View Larger 1.) The spacers between the buttons match up perfectly and the beveled look is preserved. 2.) The excess space continues to the bottom of the page. 3.) A list of links also appear at the bottom of the page. I have the links already created but I'm not sure how to force the text to the bottom. Browser Appearance View Larger 1.) The top and left side of the table seems to have a margin of 10px. How do I get rid of this or am I, by using a table, causing it to do this? 2.) I created a table inside a table to provide correct alignment, however, a single pixel still remains for each of the table column borders. If you look closely you can see how this ruins the look of the design for the section. 3.) I'd like for the bottom row of the table to align with the bottom of the page. I may use either a scrolling section in the text area or leave it as a full page but I'd like the bottom row on the bottom. Source Code!! Code: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nova Computer Solutions | Computer Repair | Upgrades | New and Refurbished Parts </title>
<style type="text/css">
body {
background-color: #000000;
background-image: url('images/GradBG.jpg');
background-position:top center;
background-repeat: repeat-y;
background-attachment:fixed;
}
#buttonlogo a {
display:block;
width:180px;
height:120px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonLogo.jpg") 0 0 no-repeat;
text-decoration: none;
}
#buttonlogo a:hover {
background-position: -180px 0;
}
#buttonlogo a:active {
background-position: -360px 0;
}
#buttonhome a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonHome.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonhome a:hover {
background-position: -180px 0;
}
#buttonhome a:active {
background-position: -360px 0;
}
#buttonprices a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonPrices.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonprices a:hover {
background-position: -180px 0;
}
#buttonprices a:active {
background-position: -360px 0;
}
#buttonmap a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonMap.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonmap a:hover {
background-position: -180px 0;
}
#buttonmap a:active {
background-position: -360px 0;
}
#buttonhours a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonHours.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonhours a:hover {
background-position: -180px 0;
}
#buttonhours a:active {
background-position: -360px 0;
}
#buttonsupport a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonSupport.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonsupport a:hover {
background-position: -180px 0;
}
#buttonsupport a:active {
background-position: -360px 0;
}
#buttontips a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonTips.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttontips a:hover {
background-position: -180px 0;
}
#buttontips a:active {
background-position: -360px 0;
}
#buttondownloads a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonDownloads.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttondownloads a:hover {
background-position: -180px 0;
}
#buttondownloads a:active {
background-position: -360px 0;
}
</style>
</head>
<body>
<table border="0" align="center" valign="0" cellpadding="0" cellspacing="0" background-color="transparent" >
<tr>
<td><img src="images/borders/01-01.gif" width="10" height="10" /></td>
<td><img src="images/borders/01-02.jpg" width="180" height="10" /></td>
<td><img src="images/borders/01-03.jpg" width="20" height="10" /></td>
<td><img src="images/borders/01-04.jpg" width="560" height="10" /></td>
<td><img src="images/borders/01-05.gif" width="10" height="10" /></td>
</tr>
<tr height="120">
<td><img src="images/borders/02-01.jpg" width="10" height="120" /></td>
<td>
<Div id="buttonlogo">
<a href="Home.html" ><span class="style7"></span></a>
</Div>
</td>
<td><img src="images/borders/02-03.jpg" width="20" height="120" /></td>
<td><img src="Images/StoreFrontBanner.jpg" alt="Nova Computer Solutions store front."/></td>
<td><img src="images/borders/02-05.jpg" width="10" height="120" /></td>
</tr>
<tr>
<td><img src="images/borders/03-01.jpg" width="10" height="20" /></td>
<td><img src="images/borders/03-02.jpg" width="180" height="20" /></td>
<td><img src="images/borders/03-03.jpg" width="20" height="20" /></td>
<td><img src="images/borders/03-04.jpg" width="560" height="20" /></td>
<td><img src="images/borders/03-05.jpg" width="10" height="20" /></td>
</tr>
<tr width="440" height="440">
<td><img src="images/borders/04-01.jpg" width="10" height="440" /></td>
<td height="440"><table width="180" height="440" border="0" cellspacing="0" cellpadding="0" valign="top" background-color="transparent" >
<tr>
<td width="180" height="40" >
<div id="buttonhome" height="40">
<a href="home.html"></a>
</div>
</td>
</tr>
<tr>
<td><img src="images/borders/Butspacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttonprices" height="40">
<a href="Prices.html"></a>
</div>
</td>
</tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<td width="180" height="40" >
<div id="buttonhours" height="40">
<a href="Hours.html"></a>
</div>
</td>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttonmap" height="40">
<a href="Map.html"></a>
</div>
</td>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttonsupport" height="40">
<a href="Support.html"></a>
</div>
</td>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttontips" height="40">
<a href="Tips.html"></a>
</div>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttondownloads" height="40">
<a href="Downloads.html"></a>
</div>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180"><center><font color="#999999" size="-1">site by Anonymiter</font></center></td>
</tr>
</table>
</td>
<td><img src="images/borders/04-03.jpg" width="20" height="440" /></td>
<td>
Insert page text here.
</td>
<td><img src="images/borders/04-05.jpg" width="11" height="440" /></td>
</tr>
<tr valign="bottum">
<td><img src="images/borders/08-01.gif" width="10" valign="bottum" /></td>
<td><img src="images/borders/08-02.jpg" width="180" valign="bottum" /></td>
<td><img src="images/borders/08-03.jpg" width="20" valign="bottum" /></td>
<td><img src="images/borders/08-04.jpg" width="560" valign="bottum" /></td>
<td><img src="images/borders/08-05.gif" width="10" valign="bottum" /></td>
</tr>
</table>
</div>
</body>
</html>
First I want to say that this forum is great and has been alot of help. I also want to thank bsxiong for his help already. If I could send you a beer electronically, I sincerely would. I had two problems initially, and one has been fixed very easily. Thank you. However, the solution to the other still eludes me. I don't have the page on the domain yet, and can't until it's finished. I uploaded the link to geocities so that you can see the page. I didn't include the style sheet, but hopefully this gives the general layout of the page. http://www.geocities.com/thecyberrev/newly.html On the page, there is a pic to the left below the top banner. Below the pic is the bold text, "Home". Below that text is a thin divider line and more text that reads, "Building organizations that build lives.". Basically all I am trying to do is move the text, Home to the left of the pic and enlarge it so as to act as a title for the page. (This would below the blue header banner in the large white blank area) Everything I seem to do either puts the text just below or just above the pic. What am I doing wrong? I think it's something very simple but it's eluding me. Please excuse my ignorance. Any advise would be greatly appreciated. Is it possible to loginto this site by using the url? https://secure.tibia.com/account/?su...&page=overview Like the same way you can turn this: http://www.tibia.com/community/?subtopic=characters Into this: http://www.tibia.com/community/?subt...&name=testname You know what I mean? Been tryin to figure this out for hours Hello everyone, I have got a very noob questions which I tried to look for an answer from the internet but I couldnt get a result from the search engine. I hope u guys here around are professional and could be able to help me out with it. I want to know if I could hyperlink multi-areas on only one file. For example, I have an JPEG image which has couple of pictures on there, and would like to hyperlink each of the photos into different links. If yes, how to do, any specific site that teaches this techique. I needed it so badly and really hope u guys can help out. THanks alot in advance! |
|||||||