|
HTML - Trying To Recreate This For My Site...
If you visit this website:
www.ratemyprofessor.com You will see the links that say "Find a Professor" & "Find Your School". If you click on either, you will notice that the change is seamless and there is no load time (and it doesn't open a new page). Is it possible to recreate this in dreamweaver? Thanks! Similar TutorialsSorry I didnt know what section to put this in, or if this is even the right webpage considering all I seen was html, xhtml and CSS (Ithink) but I'm looking to recreate http://freenew.net/index.html if I need to and was wondering if there was ANYWAY to find an already made one, or maybe if I could put this together using source code found online (I suck at programming). Ideas? Thanks so much I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Ok, I have a big serious problem. I codded my whole page on Firefox, not on IE or Chrome. So when I use it in Firefox, there is not a problem. When I do it in IE, everything is not in the right position. Then I tried in Chrome. The footer goes beside the sidebar. Is there a certain CSS or HTML code I have to add for it to work in IE or Chrome? I am not using Wordpress, I codded the whole site. If you need to know my site's address, its... http://www.takingtech.com/ So frustrated! I was hoping someone would know how to fix this minor problem I have with my title. On the top of the Page where it is in cursive font that says Harmony Dreams, it isn't aligned, and the top and bottom of the sentence seems to be cut off so that you can't see the rest of the sentence... here is my site( it is still in progress): geocities.com/neko_koneko15 And is my HTML source: HTML Code: <script language="JavaScript">var PUpage="76001548"; var PUprop="geocities"; </script><script language="JavaScript" src="http://www.geocities.com/js_source/pu5geo.js"></script><script language="JavaScript"> var thGetOv="http://themis.geocities.yahoo.com/themis/h.php"; var thCanURL="http://us.geocities.com/neko_koneko15/index.htm"; var thSpaceId="76001548"; var thIP="76.186.78.161"; var thTs="1234407390"; var thCs="225e2da6424de1562de125c64d1a78fc";</script><noscript><link rel="stylesheet" href="http://themis.geocities.yahoo.com/jsoff.css?thIP=76.186.78.161&thTs=1234407390"></noscript><script language="JavaScript" src="http://us.geocities.com/js_source/geovck08.js"></script>
<!-- text above generated by server. PLEASE REMOVE -->
<script>alert("ﾎﾉ､､ﾌｴ､ﾁ Zz Sweet Dreams zZ")</script>
<html>
<head>
<title>｢ﾁharmony dreams｡ﾁ｢・/title>
<style type="text/css">
body {
font-family: verdana;
color: #02658E;
overflow: auto;
margin: 0px;
padding: 0px;
background: url([url]http://cbimg6.com/layouts/09/02/33633ac.png[/url]) repeat-x #0884B5; }
td {
font-family: verdana;
font-size: 9pt;
line-height: 20px;
text-align: justify; }
li { color: #FFFFFF;
list-style: circle;
margin-left: -5px; }
li a:link { color: #1A4550; font-weight: normal; }
li a:visited { color: #1A4550; font-weight: normal; }
li a:hover { color: #F7F8F9; font-weight: bold; }
a:link { color: #F7F8F9;
text-decoration: none;
font-variant: small-caps;
font-size: 9pt;
font-weight: bold; }
a:link img { border: 0; }
a:visited { color: #F7F8F9;
text-decoration: none;
font-variant: small-caps;
font-size: 9pt;
font-weight: bold; }
a:visited img { border: 0; }
a:hover { color: #1A4550;
text-decoration: none;
border-bottom: 1px dotted; }
a:hover img { border: 0; }
h1 {
font-family: Verdana;
font-size: 12pt;
text-align: left;
line-height: 9px;
letter-spacing: -1px;
margin: 10px;
padding: 5px;
border-bottom: 1px dotted;
}
h2 {
background-color: #DBF8FD;
font-family: arial, verdana;
font-size: 11pt;
text-align: center;
line-height: 8px;
letter-spacing: -1px;
font-weight: bold;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 0px;
}
.title{
color: white;
position: absolute;
left: 50%;
top: 70px;
margin-left: -200px;
font-size: 24pt;
font-weight: bold;
text-align: left;
z-index: 200;
opacity: 0.7;
filter:alpha(opacity=70);
}
.subtitle{
position: absolute;
left: 50%;
top: 100px;
margin-left: -210px;
font-size: 13pt;
font-weight: bold;
text-align: left;
z-index: 201;
opacity: 0.3;
filter:alpha(opacity=30);
}
</style>
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0" border="0" width="780" height="100%" valign="top" align="center" bgcolor="#0884B5" style="background-image: url([url]http://cbimg6.com/layouts/09/02/33633ad.png);[/url] background-repeat: repeat;">
<tr>
<td valign="top" width="547" style="background-image: url([url]http://i277.photobucket.com/albums/kk62/neskaya/layouts/sleepingpanda/top1.png);[/url] background-repeat: no-repeat;">
<!----------EDIT TITLE---------->
<div class="title"><p align="left"></font><font face="edwardian script ITC" size="24" color= "#FFFFFF">HarmonyDreams</a></font></strong></p></div>
<div class="subtitle">a sweet little dream...</div>
<!----------END---------------->
<div style="margin-left: 40px; margin-right: 12px; margin-top: 160px;">
<!-----------MAIN CONTENT------------->
<h1>Neskaya.Net Free Layout: Sleeping Panda</h1>
This layout was originally made as a <a href="http://neskaya.net/livejournal_layouts.php">livejournal layout</a> but due to its popularity in LJ, I converted it into a web template. I hope you like it! The panda image is from <a href="http://smilescan.com">Smilescan</a>. Just remember not to remove my credits, thank you. ♥<p>
<h1>Download</h1>
If you want to download the layout to upload to your own webspace, you must be registered and logged in at the <a href="http://forum.neskaya.net">forums</a>. While you're there, won't you drop in and say hi if you've found the site helpful at all? We love to make new friends. Anyway, once you're logged in, you'll be able to download the layout:<br />
<center><a href="http://forum.neskaya.net/download/file.php?id=63">Download the Layout</a></center><p />
Thank you and have a good day. Go back to <a href="http://neskaya.net">Neskaya.Net</a> for more resources?
<div align="right"><a href="mailto:strawbee{at}neskaya.net">♥</a> Strawbee</div><p />
<!---------END MAIN CONTENT---------->
</div>
</td>
<td valign="top" width="233" style="background-image: url([url]http://cbimg6.com/layouts/09/02/33633ae.png);[/url] background-repeat: no-repeat;">
<div style="margin-left: 25px; margin-top: 245px; width: 145px; font-size: 8pt;">
<!----------SIDEBAR CONTENT--------->
<h2>Menu</h2>
<center><img src="http://cbimg6.com/layouts/09/02/33633aa.gif"></center><p>
Yep, this is the sidebar. Write here, place links, or do whatever you want to do! More text more text~ more text more text.<p>
<h2>Links</h2>
<ul>
<li><a href="http://neskaya.net">Neskaya.net</a></li>
<li><a href="http://neskaya.net/faq.php">Terms of Use</a></li>
<li><a href="http://forum.neskaya.net">Cute Forums</a></li>
<li><a href="http://neskaya.net/layouts.php">More Layouts</a></li>
</ul>
<h2>Category</h2>
<ul>
<li><a href="http://neskaya.net/emoticons.php">Cute Emoticons</a></li>
<li><a href="http://neskaya.net/pixels.php">Kawaii Pixels</a></li>
<li><a href="http://neskaya.net/avatars.php">Cute Icons</a></li>
<li><a href="http://neskaya.net/quizzes.php">Fun Quizzes</a></li>
<li><a href="http://dressupgames.neskaya.net/88x31buttonmaker_bunny.php">Button Maker</a></li>
</ul>
<!--------END SIDEBAR--------------->
</div>
</td>
</tr>
<tr>
<td colspan="2" valign="top" width="780" height="200" style="background-image: url([url]http://i277.photobucket.com/albums/kk62/neskaya/layouts/sleepingpanda/bot.png);[/url] background-repeat: no-repeat;">
<div style="margin-left: 200px; margin-top: 62px; width: 450px; font-weight: bold; font-size: 8pt;">
<!----------COPYRIGHT INFO----------->
© <a href="mailto:addicted2pocky2000@yahoo.co.jp">Katie</a> 2009. Layout by <a href="http://neskaya.net" target="_blank">Neskaya</a>.</div>
<!-----------------END--------------->
<div style="margin-left: 300px; margin-top: 53px;"><a href="http://neskaya.net" title="More free & cute layouts, graphics, quizzes, and more!" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33633ab.gif" width="450" height="40"></a></div></td></tr></table></center></body></html><!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet>
<link href="http://us.geocities.com/js_source/div.css" rel="stylesheet" type="text/css"><script language="JavaScript" src="http://us.geocities.com/js_source/div03.js"></script><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/geov2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?us1234407390" alt="setstats" border="0" width="1" height="1"></noscript>
<IMG SRC="http://geo.yahoo.com/serv?s=76001548&t=1234407390&f=us-w85" ALT=1 WIDTH=1 HEIGHT=1>
On the top of the Page where it is in cursive font that says Harmony Dreams, it isn't aligned, and the top and bottom of the sentence seems to be cut off so that you can't see the rest of the sentence. please help... I built my web site using NVU. It looks OK when I open it in the Firefox browser but not in IE. Could anyone tell me what is wrong? I know very little about HTML code. Take a look at it in both browsers and you will see what I mean. I would like to for it to work with both browsers. http://www.kentuckybarrels.com Thank you for any assistance. Hi I am currently working on a site on webnode. I am trying to make a site where users can submit game links that they like so it will be like a compilation of user contributed link data system. I just want them to be able to post website links that show up on my site automatically. I also need this to be alphabetized. So basically every letter will have a submit option where they can submit the name and link of this game they are trying to share. I pretty much need an embedded code to use on this site that will do this. Can anyone help me with this? I will offer a little bit of money if necessary! Hi, Please help. I'm new to web design and have kinda cobbled my site together from various templates, etc. Problem is my site appears in Firefox, but comes up blank in IE and Safari. I'm pretty sure it's something stupid I've missed. The url is http://artheat.net Could anyone give me some advice? The basic html code is: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" > <head> <title>ArtHeat</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta name="description" content="ArtHeat. Contemporary South African Art" /> <meta name="keywords" content="ArtHeat. Contemporary South African Art" /> <meta name="robots" content="index, follow" /> <link rel="shortcut icon" href="favicon.gif" /> <script language="JavaScript"></script> <style media="screen" type="text/css"> /* <!-- */ /* General styles */ body { margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:black; min-width:600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-size:90%; color:#CCC; } a { color:#FF9933; } a:hover { color:#fff; text-decoration:none; } a img { color: black; border: 0 0; margin:10px 0 5px; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; font-family: Helvetica, Arial, sans-serif; color: #ff9933 text-decoration:none; } h2 a { text-decoration:none; } p { margin:.4em 0 .8em 0; padding:0; font-family: Arial, Helvetica, sans-serif; color: #ccc; } img { margin:10px 0 5px; } /* Header styles */ #header { clear:both; text-align:center; width:100%; } #header { border-bottom:1px solid #000; } #header p, #header h1, #header h2 { padding:.4em 15px 0 15px; margin:0; } #header ul { clear:right; float:right; width:100%; list-style:none; margin:10px 0 0 0; padding:0; } #header ul li { display:inline; list-style:none; margin:0; padding:0; } #header ul li a { display:block; float:right; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:black; color:#D46912; text-decoration:none; position:relative; right:15px; line-height:1.3em; } #header ul li a:hover { color:#fff; } #header ul li a.active, #header ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } #header ul li a span { display:block; } /* 'widths' sub menu */ #layoutdims { clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background:black; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:black; /* center column background colour */ } .threecol .colleft { right:50%; /* width of the middle column */ background:black; /* left column background colour */ } .threecol .col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threecol .col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol .col3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets he (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* Footer styles */ #footer { clear:both; float:left; width:100%; border-top:1px solid #000; } #footer p { padding:10px; margin:0; text-align:center; } /* begin styles for RSS Feed */ .rss-box { margin: 1em; width: 200px; background-color: #000000; } .rss-items { margin-top:0px; padding:0.5em; 0.5em; margin-left:0px; color:#FFFFFF; } p.rss-title {padding:0.5em;} .rss-title { text-decoration: none; font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; background-color:#000; color:#f93; font-weight:bold; margin: 0px; padding:0em; text-align: left; } .rss-item { font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; font-weight : normal; list-style:none; padding-bottom:1em; } .rss-item a { text-decoration : none; color: #f93; font-size: 12px; font-weight:light; font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; } .rss-item a:visited { color:#a51000; } .rss-date { font-size: 85%; font-weight : normal; color: #ccc; } </style> </head> <body> <div id="header"> <a href=/index.html><img src="Header.jpg" alt="art gossip truth" longdesc="http://artheat.net" /></a> </div> <div class="colmask threecol"> <div class="colmid"> <div class="colleft"> <div class="col1"> <!-- Column 1 start --> <!-- Begin #main --> <div id="main"><div id="main2"> <!-- Column 1 end --> </div> <div class="col2"> <!-- Column 2 start --> <h2><a href="/project">Project</a></h2> <p>Project is ablah blah blah</p> </div> <div class="col3"> <!-- Column 3 start --> <h2><a href="/wiki">DataBase</a></h2> <p>DataBase is etc etc etc</p> <h3>What's New on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&chan=title&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> <h3>What's Changed on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> </div> </div> </div> </div> <div id="footer"> <p>ArtHeat is open to any submissions or comments. Email us at <SCRIPT LANGUAGE="JavaScript"> var anchortext = "ArtHeat"; var mailpart1 = "artheat"; var mailpart2 = "gmail.com"; document.write("<a href=" + "mail" + "to:" + mailpart1 + "@" + mailpart2 + ">" + anchortext + "</a>") </script></p> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-1848067-8"; urchinTracker(); </script> </body> </html> Hi I have started building a site a need some help with it my site work in progress is here http://wedding-directory-australia.discovery-web.net/ 1) i want to get the buttons at the top and bottom of the page to not have any space between them and the tabe so the run hard up against the table 2)I have the table border at 0 but thier is still white space between the tabe edge and the photos on the side and top - i was hoping to get the photo so the run to end of the table with no white space 3)also not sure if i am inthe right section for this question but i will try anyway - the buttons at the bottom of the page which designed in fireworks are working correctly but the ones at the top of the page the roll over does not work not sure why or how to fix this ..........thanks in advance for any help Hi Could anyone help me with some coding probs? I cant see were the problem is occurring. The two divs container and content dont seem to wrapping around the other html variables correctly. If you put a border around content and container and view it you will know what im talking about. I want to put a margin between the footer and the movie. Thanks Please see the URL http://pmbperformance.99k.org/ Hi all, this is my first post. First of all, my website is http://explosions.us.to Right now, whenever you click on something from the "nav" the links stay in the same place like they should. However, I want this to be the new 'about' page. Notice how the "nav" images change because of the added content in the layout cell. Any help on how to fix this is appreciated! This is my website that I am making...only the home page is ready as of right now....I have reached a point to which I am stuck! I really like the way that it looks but I am not sure how to improve it...the banner seems sort of plain to me....From the red at the top to the red at the bottom, I pretty much like the way that it looks....Would someone please take a look at it and give me some suggestions? Here is the link: http://crazyforclay.webng.com/index.htm BTW....This is my first website, I know its not great! Hi there all, this looks like a great place to get answers. I'm trying to make a site which is "centered" but I need to add a vertical scrolling text box on top of one of the graphics. You can see what I mean at Http://www.Senor-Dicks.co.uk/tester.html I can get the box up but it has an absolute position and won't stay in the right place. I'm using Dreamweaver and any help would be appreciated. It's been driving me nuts for about 3 weeks now. Thanks in advance. Howdie! I created my first homepage - real easy. What are the next steps? I cant understand why people make such a big deal about it. I found it easy. Here it is http://supanerd.blog.homepagenow.com/ Now I want to do one of those great moving cursors with my name rotating around. How can I fix this up? Can any of you guys give me some tips on how to integrate it. Appreciate your help! does anyone knows a code or how to put a log in to a site? like i want before going in the site, before anything comes up in the screen a box with a log in.. could someone explain me Hello, well, this is my firste idea of a site , it is in production with me adding some final touches http://www.wallofskate.bravehost.com/home/home.html one thing i would like to know is HOW CAN I MAKE THE SITE LOAD FASTER, and also be able to make it ONE WHOLE PAGE instead of it being divided, but the INTERACTIVITY HAS to stay right now the whole site is divided into 200 or so .gif images that were exported from adobe fireworks cs3. which were then hyperlinked together in microsoft expression web. Some tips would be much appreciated Your thought would be much appreciated I have just created a site with 50+ pages and want to create a HTML site plan page of just text links for the entire site, is there a simple way to do this, i have had a quick google search and can only seem to find PC software, any ideas for a mac user or any dreamweaver exensions etc that can help!!!! Thanks in advance hi there www.brewrecords.net everyone can see my site but me! all i can see is 'this domain has just been registered' i delete my cookies and cache in internet explorer, still nothing. can anyone shed some light on this? thanks. how do i have it so that my website will appear the same? like standardised? i was working on my site on 2 different computers today, one was a mac and one was a pc and well, the mac version was different from the pc. what i mean is that the images and the links were not in the place that i wanted them to be. hello everyone im new to html but im learning slowly but surely. anyways the reason why i came he is im having an issue with a table on my site Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Julian Plumbing Inc.</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type>
<META name="Julian Plumbing Inc." content="">
<META name="Julian Plumbing Inc." content="">
<META name="Dylan Isley" content="">
<META name=GENERATOR content="MSHTML 8.00.6001.18904"></HEAD>
<BODY>
<TABLE border=1 cellspacing=1 cellpadding=1 width=240 align=center <thead>
<TBODY>
<TR>
<TD></TD>
<TD>
<P>Blockages and leaky and noisy pipes are a hassle to fix and can
indicate an even bigger system problem. Don't leave your home in the hands
of normal plungers, liquid cleaning agents, or inexperienced plumbers who
can't get the problem fixed the first time. Call the plumbing
professionals at Julian's Plumbing, Inc.</P>
<P> We are a full-service plumbing company serving the Charlotte area
that handles all types of repair. Our dependable and professional staff is
committed to providing fast and accurate service to all of our customers.
From drains and clogs to sewer and water installs, we handle it all and at
affordable prices our loyal customers can appreciate.</P></TD>
<TD>
<img src="Plumbing, Drains, Pipes, Julian's Plumbing, Inc_, Charlotte, NC_files/pipe.jpg" width="250" height="312">
</TD>
</TR></TBODY></TABLE>
</BODY></HTML>
there is my code and whats happens is. and here is pretty much what i want it to look like. can someone tell me how to do it and when i go on google and put the name of my site in i get this message.. Quote: Temporary holding page. This domain has been registered by registron.co.uk on behalf of a client. where as other sites have say for example Quote: The local version of this pre-eminent search engine, offering UK-specific pages as well as world results. www.google.co.uk/ - 4k im holding out to unveil my page Thanks |
|||||||