|
HTML - 3 Questions (sort Of A Beginner To Html)
I just have three quick questions about HTML coding:
1. Whenever I apply an image as a background, it shows up on the sides next to the center column thing, but it also shows up in the content area in the middle. How do I make it show only on the sides? 2. I made a horizontal navigation bar with buttons that show a different background and text color when you hover over them. However, it goes like a pixel or so whenever I hover over it, like the image below. How do I prevent this and make it stay the same height as the actual navigation bar? 3. If I have a thing in my HTML code (not my CSS part) that I want to change on all pages, is there a way to apply this change to all pages? Thanks! And hello everyone, first post. Similar TutorialsHey guys, i'm new to these forums, and new to html. I do alot of animation and art stuff and wanted to create a website and eventually a community type deal for it. I'm decent with graphics so I managed to create a basic design. Just a few questions really: 1. What are some good tutorials to help me get started, i have very very basic knowledge in html, just about basic tags and linking. 2. Maybe direction towards a decent host and ftp program? I get really confused about what a good host offers and how to upload stuff. 3. How hard would it be for a beginner to create a site like this? http://img80.imageshack.us/img80/682...emocopylr2.jpg I don't want this to sound like a stupid question, but just an estimate of difficulty or time to create. I know it's just a solid image, it's just a example I created. Thanks and I hope someone can help. Hello Everyone Thank god for this website! I have a couple of problems I will start with my ebay storefront page I want to put in a Scolling Text Button in between to words and it's not working. I know it is probley some thing simple but for some reason I cant catch on to this HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><TITLE></TITLE>
<META content="Evrsoft First Page" name=GENERATOR>
<STYLE type=text/css>.shtc_niceTopHeader {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990066
}
.shtc_niceDesc {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990066
}
.shtc_featured_text {
FONT-SIZE: 10px; COLOR: #000033; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990033
}
.shtc_featured_head {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990033
}
.shtc_niceBorder {
BACKGROUND-COLOR: #cccccc
}
.shtc_nicePromo {
FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -0.05em
}
</STYLE>
</HEAD>
<BODY onload=Change();Place();Time()>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=2 width="100%"
border=0><TBODY>
<TR>
<TD class=shtc_niceBorder>
<TABLE cellSpacing=0 cellPadding=2 width="100%" bgColor=#ffffff
border=0><TBODY>
<TR>
<TD class=shtc_featured_head vAlign=top width=310>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=3 width=310
border=0>
<TBODY>
<TR>
<TD class=shtc_featured_text vAlign=top rowSpan=2><A
href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=260041564092"><IMG
height=72
src="http://thumbs.ebaystatic.com/pict/260041564092.jpg"
width=96 border=0></A></TD>
<TD class=shtc_featured_head vAlign=top
height=10>Thimbleberries 10 Yards</TD></TR>
<TR>
<TD class=shtc_featured_text vAlign=top width="100%"
height=80>Up For Bid This Week 10 yards Of Thimbleberrie Fabic
(RJR) Dont Miss out on this Bunddle!!<BR><A
href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=260048164832">Click
Here</A></TD></TR></TBODY></TABLE></TD>
<TD class=shtc_niceTopHeader vAlign=top width="33%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD class=shtc_niceTopHeader align=left colSpan=2>Fleece
Blanket SALE!</TD></TR>
<TR>
<TD class=shtc_niceDesc vAlign=top>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=1
border=0>
<TBODY>
<TR>
<TD vAlign=top><HTTP: border="0" width="60"
src="http://thumbs.ebaystatic.com/pict/260043272222.jpg"
height="45"
Rags-to-Stitches_Fleece-Blankets-Sale-19-99_W0QQcolZ4QQdirZ1QQfsubZ6878021QQftidZ2QQtZkm<img
stores.ebay.com></A></TD></TR></TBODY></TABLE></TD>
<TD class=shtc_niceDesc vAlign=top width="100%">
<P align=center><FONT size=4><FONT face="Curlz MT"><STRONG>You
Choose any Fleece Blanket For 19.95
</STRONG></FONT><BR></FONT></A>
<FORM><INPUT onclick="window.location.href='http://stores.ebay.com/Rags-to-Stitches_Fleece-Blankets-Sale-19-99_W0QQcolZ4QQdirZ1QQfsubZ6878021QQftidZ2QQtZkm'" type=button value="Click Here"><A
href="Click Here"></A></A></FORM></P></TD></TR></TBODY></TABLE></TD>
<TD class=shtc_niceTopHeader vAlign=top width="33%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD class=shtc_niceTopHeader align=left colSpan=2>Fat Quarter
Book With Bonus Fat Quarters</TD></TR>
<TR>
<TD class=shtc_niceDesc vAlign=top>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=1
border=0>
<TBODY>
<TR>
<TD vAlign=top><A
href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=260043276477"><IMG
height=45
src="http://thumbs.ebaystatic.com/pict/260043276477.jpg"
This is just a draft see I have Evrsoft 2006 and when I get the scripts some work and some dont my next problem is I would like to make a fabric calcuator and I dont know where to start because it will need to be in inches and % I would like to know how or were to start to make this calculator http://batstoquilters.netfirms.com/fabriccalc.html In Advace I would like to Thank any one who is will to help me Jodie hello everyone, can u possibly help me with the following? I have a very basic knowledge of how html works. I have basically used officelive.com to build a website via point and click. It allows you to add certain bits via html, but that is it. Now here what i am trying to do... I am trying to build a tool (?) that aids in diagnosis of medical problems. And I want it to look a little like this: Page 1 Does the patient have a fever? Yes No ( yes and no appear as buttons) Page 2 (if u click on yes) Does the patient have associated syptoms? Yes No Page 3 (if you click on Yes) Which of the following symptoms does the patient have? a. rigors b. chills c. neck rigidity d. other (text box to enter your free text) Now what I need help with is, that if the user chooses D and enters their free text, I want it to show up on the next page as part of the next question.... 1. So e.g Used enters "hypotension" in the free text box, I want the next question on the next page to be able to say "What is the duration of the hypotension?" I would also like it so that at the end of the process the user can end up with a list of all the symptoms, both picked and free text as a summary. I dont even know that this function is called, as if I know what its called I can always find html codes on the internet. Please help. This must be so simple for you IT lot! I, as u can tell trained in a completely unrelated field and am struggling. Hello, I am only new to html and as practice i was told to create the table as shown using the code and have failed on multible occasions. I feel now the best help I can receive is to see where I am going wrong through comparison. Please have a look at the attached image and help if you can, thanks. (It is fairly simple). Hi guys. I'm hoping someone can help me edit the following code to include TWO required checkboxes (ex. I agree to terms of service, I agree to terms of use) and ONE submit button. So really not changing anything from how the code acts now, just adding an additional required checkbox. Thanks in advance! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> .highlight{ outline: #f00 dotted 2px; } </style> <!--[if IE]> <style type="text/css"> .highlight{ border:2px dotted #f00; } </style> <![endif]--> <script type="text/javascript"> window.onload=function(){ document.forms[0].onsubmit=function(){ return checkIt(); } } function checkIt() { if(document.getElementById('tos').checked==false) { alert('you need to check the "I accept terms of service" box'); document.getElementById('tos').className='highlight' return false; } else { document.getElementById('tos').className=''; return true; } } </script> </head> <body> <form action="#"> <div> <input id="tos" type="checkbox"><label for="tos"> I accept terms of service</label> <input type="submit"> </div> </form> </body> </html> In order to make online web-based games, I have started learning HTML as a first step. I tried to make an identical front page as the one I play the game at to put a challenge on how can I find solutions to make an identical page using my own ideas. I did it but I still have some problems: 1. my page only works on firefox if I try it on IE ...It's totally a mess. 2. whenever I try to enlarge the font ...everything gets mixed up & the page loses its shape. here's the original page: http://www.soccermanager.com/ & this is my page: http://www.freewebs.com/gasper000/frontpage.htm feel free to comment or to tell me how can I solve those problems. Ok i am trying to make a website that accepts paypal as a payment. When preview the page and click the buy now button it goes to a paypal url and just displays this on the top of the screen - The request for this page was badly formed: it contained more than one "cmd" parameter, as follows: '_s-xclick' '_xclick' please tell me how to fix this and what i can do to get it working thanks for your help An HTML guide for the beginner's: Hello everyone, I am newbie here. Can someone please tell me what is the HTML code for changing a color when my pointer point to the specific area? For example, when I point my pointer to the "Go back back one page" of Mozilla Firefox web browser, the color is changing from dark green into bright green. Thank you very much in advance Ahyoo Hey, I built an email newsletter for a friend of mine using GoLive! It was fairly simple he wanted a header graphic and a green box on the left where he could put information about classes he was teaching/things relating to the articles in the email newsletter. Problem is... is that none of the ways I found to build it would come through safely in any email client, be it gmail, thunderbird, or otherwise. I was hoping to find one of two things: a good template we could paste his stuff into, or a free program that we could build his newsletter that would be generally readable in most mail clients. What advice would you offer to me, I'm not extensively familiar with HTML again, i just recently got back into it after a break (too long, cuz i know little to nothing now except how to pick apart and analyze code, just not how to build from scratch!) Hence why I was using Adobe GoLive. If you could recommend a template or a program that would be free, that'd be fine... otherwise any comments or info would be great. thanks. Yo guys I need some help with some html code. Its lookin like I need two pictures and two paragraphs but I haven't got the book yet and don't know how to put these things together the right way. If someone can throw it together for me or give me some important information that I would need to get it done I would appreciate it man. I'm a student with not much cash so I'm hiring volunteers tho lol sorry guys hopefully it's easy to do for you here's what the page looks like http://academics.rmu.edu/faculty/wu/infs2150b/a/a1.pdf and the pictures needed for the page http://academics.rmu.edu/faculty/wu/...a1/Hiking1.jpg http://academics.rmu.edu/faculty/wu/...a1/Hiking2.jpg seriously though I can offer some free original music for someone's site background or webpage , some catchy music that would get those people coming back to your page! I have a large table of data from a travel based web site. I'd like to add some sort of user-friendly mechanism for sorting the table by some of the columns, I've tried some javascript approaches I've found on the internet, but haven't had much luck implementing it in a way I'd like. Such as found at this site: http://mguglielmi.free.fr/scripts/TableFilter/?l=en Current layout of table: [img=http://img210.imageshack.us/img210/3937/tablers7.th.png] I'd like to be able to sort by month, destination (e.g. a "Fiji" option which pulls up all listings containing the word "Fiji") Anyone have any suggestions which might help or be suitable? Thanks Hello! I would like to learn HTML for work and was wondering if anyone could recommend a DVD Tutorial Program (preferably) or a book for someone who knows nothing about HTML. Thank you! Jeff Hello, I am very new to HTML. I am trying to develop a website with an image in the background. Suppose the image is simply ALL black. My text is also all black. I am trying to create one of those mini squares in between the background and the text of the website, and this 'mini square' will be white or some other color so the text will appear normally. Then, I can possibly have several different 'mini squares' in different colors and I will be able to add text to them, and it wont be hard to read the text even if the text and the background are the same color... So can anyone guide me and tell me what this is called and how I would add the most basic of these 'mini squares'? I apologize for my lack of terminology, I just started getting into HTML 3 days ago. Thanks in advance. Hi i dont know if these 3 things are possible but if they are can someone help me with the coding for them 1. basically im setting out a client feedback form and i will be asking them to fill in there name position and the job that refers to them here is my current coding for it <p align=center> <form method="post" action=""> <textarea name="comments" cols="75" rows="2"> there name is entered here </textarea><br> </form> <form method="post" action=""> <textarea name="comments" cols="75" rows="2"> There position is entered here </textarea><br> </form> <textarea name="comments" cols="75" READONLY> The job relating to them is entered here </textarea><br> now the name and position bit is ok but is it possible to make the job relating to them a textbox which automatically submits there email address when clicked submit 2. i need help setting up the submit button so that when clicked it will record all answers on the form so when it comes back to us depending on what radio button they clicked we would see it like this Question 1: Excellent Question 2: Poor Question 3: good 3. also im not sure how i would do the submit button itself so it would open there email client and have the form as an attachment or in text space with there email address i was told about formmail script but as im a novice html user i dont have a clue about that as for whether it is PHP or ASP i got this from the 1&1 official website maybe it will make more sense to you ______________________________________________________________________________________________ "Is Perl or PHP Available on Microsoft Servers? No, Microsoft Hosting Plaftform does not support PHP or Perl currently. You have to use .asp for scripting." "Can I run PHP3 and PHP4 Concurrently? No, after the upgrade to PHP4 on 22 November 2007, PHP3 will no longer be available and the .php3 extension will no longer be recognised by 1&1 web servers. Currently, the default is PHP4 on 1&1 servers, but you can set your scripts to be parsed by PHP4 or PHP5. These are the PHP versions currently supported." ______________________________________________________________________________________________ PLEASE HELP!!! Thanks alot Robert Jones Hi all, I'm wondering if someone could explain a little about the validation of my site? http://validator.w3.org/check?uri=ht...ctype=Inli ne For one thing, I can't understand why it gives the wrong line in the code for the error, and what is means by the column of the code. Neither of them correspond in any way with my code, that I can see. Also, why is telling me that maginheight, height, etc., are all invalid elements. Finally, will being html 4 compliant help my page rank in any way? 1. Under the picture, there are some tags (funny, meme, comic). When you hover over the tags, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359) 2. Under the picture, there are pictures of some people. When you hover over their pictures, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359) 3. Under the pictures of the people, there is a link that says "Previous Post". When you hover over it, it gets bold. Is there a way to make this stay unbold? (http://plustom.tumblr.com/post/18287272359) Current HTML code: (Excuse the faces). HTML Code: body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};}
#right {width: 250px; left: 50%; top: 50px; margin-left: -400px; position: absolute; {block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar} -webkit-transition-duration: .3s;}
#right:hover {opacity: 1;}
#right a {text-decoration: none;}
.title {padding-bottom: 10px; border-bottom: 2px solid {color:Tertiary}; font-size: 14px; display: inline-block; font-weight: bold; margin-bottom: 10px;}
a {color: {color:Font};}
.link {font-size: 11px; display: inline-block; margin-top: 5px; font-weight: bold;}
#center {width: 400px; margin: auto; margin-top: 50px;}
#description {margin-bottom: 5px; font-size: 11px; max-width: 200px;}
.entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid {color:Secondary};}
.entry img {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow} !important; max-width: 400px;}
.perma {position: absolute; opacity: 0; -webkit-transition-duration: .2s; z-index: 1;}
{block:IndexPage}.entry:hover .perma {opacity: 1;}{/block:IndexPage}
.permalink {display: inline-block; padding: 10px; background-color: {color:Primary}; color: {color:Primary Font};}
.permalink:hover
.exclamation {display: inline-block; margin-left: 1px; opacity: 0; -webkit-transition-duration: .2s;}
.link:hover .exclamation {opacity: 1;}
.text_perma {width: 100px; text-align: right; position: absolute; margin-left: -110px; -webkit-transition-duration: .2s; opacity: 0;}
{block:IndexPage}.entry:hover .text_perma {opacity: 1;}{/block:IndexPage}
.text_permalink {border-bottom: 1px solid {color:Background}; display: inline-block; -webkit-transition-duration: .2s;}
.text_permalink:hover {border-bottom: 1px solid {color:Secondary};}
h2 {font-size: 14px;}
h2 a {text-decoration: none; border-bottom: 1px solid; -webkit-transition-duration: .2s;}
h2 a:hover {border-bottom: 1px solid {color:Background};}
.label {margin-right: 10px; font-weight: bold;}
.album_art {display: inline-block; margin-right: 10px; float: left;}
.album_art img {width: 150px; height: 150px;}
.audio {display: inline-block; min-height: 150px; max-width: 207px;}
ol.notes {margin-left: -45px; list-style-type: none; width: 400px;}
ol.notes a:hover {text-decoration: none;}
ol.notes blockquote {margin-top: -3px; margin-left: 0px; padding-left: 13px; padding-top: 5px; border-left: 11px solid {color:Primary}; margin-bottom: 0px;}
ol.notes li.note {padding: 5px;}
li.note img {margin-right: 10px; width: 11px; height: auto; opacity: .5; -webkit-transition-duration: .3s;}
li.note:hover img {opacity: 1;}
.entry blockquote {border-left: 2px solid {color:Primary}; padding-left: 10px; margin-left: 25px;}
.player {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow};}
#tags {margin-bottom: 20px;}
#tags a {margin-right: 10px; opacity: .7; text-decoration: none;}
#tags a:hover {opacity: 1;}
.nav_1 {display: inline-block; width: 50%; margin-bottom: 20px;}
.nav_2 {display: inline-block; width: 50%; text-align: right; margin-bottom: 20px;}
#nav a {text-decoration: none;}
#nav a:hover {font-weight: bold;}
.audio_symbol {padding: 7px; background-color: {color:Background}; opacity: .9; border-radius: 100px; position: absolute; margin-top: 7px; margin-left: 7px; font-size: 14px; height: 15px; width: 15px; -webkit-text-stroke: 1px transparent;}
{block:IfInfiniteScrolling}.regular_pagination {display: none;}{/block:IfInfiniteScrolling}
http://plustom.tumblr.com/ This is my current blog and I need some help tweaking it. 1. When you hover over the sidebar title/picture, it turns bright/white. Is there a way to make it stay bright/white without hovering over it? 2. Is there a way to move the sidebar with the title/picture over to the left? 3. When you hover over the picture in the middle, there's a small square box at the top left corner of the picture. It's white when you hover over the picture, but when you hover over the square, it's gray. Is there a way to make the square box stay white all the time? 4. There is a white line under the picture. Is there a way to make it bold similar to the line under "Amnesia"? Current HTML code: (Can't seem to post rest in next post). HTML Code: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{Title}</title>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Font" content="#000"/>
<meta name="font:Text" content="Arial"/>
<meta name="color:Primary" content="#dcdcdc"/>
<meta name="color:Primary Font" content="#fff"/>
<meta name="color:Secondary" content="#eee"/>
<meta name="color:Tertiary" content="#ccc"/>
<meta name="color:Shadow" content="#dcdcdc"/>
<meta name="if:Show Caption" content="0"/>
<meta name="if:Fixed Sidebar" content="1"/>
<meta name="if:Infinite Scrolling" content="0"/>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="toggle.js" type="text/javascript"><!--mce:1--></script>
<style type="text/css">
body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};}
#right {width: 250px; left: 50%; top: 50px; margin-left: 220px; position: absolute; {block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar} opacity: .7; -webkit-transition-duration: .3s;}
#right:hover {opacity: 1;}
#right a {text-decoration: none;}
.title {padding-bottom: 10px; border-bottom: 2px solid {color:Tertiary}; font-size: 14px; display: inline-block; font-weight: bold; margin-bottom: 10px;}
a {color: {color:Font};}
.link {font-size: 11px; display: inline-block; margin-top: 5px; font-weight: bold;}
#center {width: 400px; margin: auto; margin-top: 50px;}
#description {margin-bottom: 5px; font-size: 11px; max-width: 200px;}
.entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid {color:Secondary};}
.entry img {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow} !important; max-width: 400px;}
.perma {position: absolute; opacity: 0; -webkit-transition-duration: .2s; z-index: 1;}
{block:IndexPage}.entry:hover .perma {opacity: 1;}{/block:IndexPage}
.permalink {display: inline-block; padding: 10px; background-color: {color:Primary}; color: {color:Primary Font};}
.permalink:hover {opacity: .7;}
.exclamation {display: inline-block; margin-left: 1px; opacity: 0; -webkit-transition-duration: .2s;}
.link:hover .exclamation {opacity: 1;}
.text_perma {width: 100px; text-align: right; position: absolute; margin-left: -110px; -webkit-transition-duration: .2s; opacity: 0;}
{block:IndexPage}.entry:hover .text_perma {opacity: 1;}{/block:IndexPage}
.text_permalink {border-bottom: 1px solid {color:Background}; display: inline-block; -webkit-transition-duration: .2s;}
.text_permalink:hover {border-bottom: 1px solid {color:Secondary};}
h2 {font-size: 14px;}
h2 a {text-decoration: none; border-bottom: 1px solid; -webkit-transition-duration: .2s;}
h2 a:hover {border-bottom: 1px solid {color:Background};}
.label {margin-right: 10px; font-weight: bold;}
.album_art {display: inline-block; margin-right: 10px; float: left;}
.album_art img {width: 150px; height: 150px;}
.audio {display: inline-block; min-height: 150px; max-width: 207px;}
ol.notes {margin-left: -45px; list-style-type: none; width: 400px;}
ol.notes a:hover {text-decoration: none;}
ol.notes blockquote {margin-top: -3px; margin-left: 0px; padding-left: 13px; padding-top: 5px; border-left: 11px solid {color:Primary}; margin-bottom: 0px;}
ol.notes li.note {padding: 5px;}
li.note img {margin-right: 10px; width: 11px; height: auto; opacity: .5; -webkit-transition-duration: .3s;}
li.note:hover img {opacity: 1;}
.entry blockquote {border-left: 2px solid {color:Primary}; padding-left: 10px; margin-left: 25px;}
.player {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow};}
#tags {margin-bottom: 20px;}
#tags a {margin-right: 10px; opacity: .7; text-decoration: none;}
#tags a:hover {opacity: 1;}
.nav_1 {display: inline-block; width: 50%; margin-bottom: 20px;}
.nav_2 {display: inline-block; width: 50%; text-align: right; margin-bottom: 20px;}
#nav a {text-decoration: none;}
#nav a:hover {font-weight: bold;}
.audio_symbol {padding: 7px; background-color: {color:Background}; opacity: .9; border-radius: 100px; position: absolute; margin-top: 7px; margin-left: 7px; font-size: 14px; height: 15px; width: 15px; -webkit-text-stroke: 1px transparent;}
{block:IfInfiniteScrolling}.regular_pagination {display: none;}{/block:IfInfiniteScrolling}
</style>
</head>
<body>
<div id="right"><div style="display: block;"><div class="title"><a href="/">{Title}</a></div></div>
<div id="description">{Description}</div> {block:AskEnabled}<div style="display: block;"><div class="link"></div></div>{/block:AskEnabled} <div style="display: block;"><div class="link"></div></div> <div style="display: block;"></a></div></div> {block:SubmissionsEnabled}<div style="display: block;"></a></div></div>{/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<div style="display: block;"><div class="link"><a href="{URL}">{Label}<div class="exclamation">!</div></a></div></div>{/block:Pages}{/block:HasPages} <div style="display: block;"><div class="link"></a></div></div></div>
<div id="center">
Hi everyone. I am looking to engage someone in conversation about an HTML cut-up excercise I am currently working on. I have some basic HTML and CSS experience from several short evening courses I attended a couple of years ago, built myself a couple of very basic, amateur sites (I am interested in 3d modeling and built myself a couple of portfolio sites to show some of my models), and went as far as to fumble my way through putting together a practice e-commerce site using PHP/mysql/apache. This was all a couple of years ago now and I had thought web design was a thing of my past. But, in a slightly strange turn of recent events I put myself forward for an seo position at a local web dev company, and came away asked if I would be interested in a junior front end developer role. I am eager to take on this challenge, and have been given an html cut-up excercise to do as a barometer of my abilities. Everything I have ever done web wise, has really been from scratch, so this cut-up business is very new to me. I found several videos on youtube which all centred around the slice tool in photoshop, and then saving out the slices as an html and images file, to then fine tune elsewhere, in my case, Dreamweaver. I am conscious though, of not having an image heavy webpage, and also am not happy with the huge and complicated table that Photoshop coded for me as a result of all my slicing. So, does anyone have any experience with Photoshop cut-ups, and ideas to get the best results from the outcome. At the moment, Ive hand coded most of the buttons, so they are no longer images, and added links to them. But I got to a point where all the 1 pixel high 'spacer.gif's' were getting on my nerves that I deleted all of them. Then that left me with a very distorted and empty looking table, so I deleted all the table elements from the code also. So my idea from here is to use divs and absolute positioning to place all the leftover 'necessary' parts, how they look in the original psd image. Does it sound like I am on the right path? I assume there are several methods of going about a cut-up. Could anyone give me some advice? Ben im going to start off saying that thanks for helping me with the layout changer, it works awesome, thank u guys for ur patience well i have a site aka spt.byethost7.com i have a few questions - I want when someone clicks a link on my menu i want the site not to move just the middle part which is where i will have the stuff of which the link will represent. for example: http://www.pokenebula.mihopa.net/ click Berry Dex under General, ull see that the page doesnt change just the middle part, can ya tell me please? - Is byethost a good host? - can i get the best free host? if so please tell me thanks for ur time |
|||||||