|
HTML - Center My Site /noob Question
Ive just got my new site up and running but i need to have it all in center of the screen. can someone please tell me how to do this in the easyist way..? The site can be seen he http://rtgkom.dk/~caspers06/index.html
Thanks in advance Similar TutorialsHey everyone, I'm trying to add more pages to my site.... For example, www.mysite.com/new-page How do I add that "new-page" to my site? My website was professionally built, however I go in & edit all the time. I have been trying to look at the server to see what the developer did, but no luck... Thanks in advanced for any help 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! 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 I am trying to run HTML code from my Mac. i have it coded in textedit, and when I try to open in Safari or Chrome, I see the actual code itself.. Instead of the content is suposed to display. Thank you in advance for your help I was trying to do this for sometime, but not yet successful. My site appears centered in internet explorer, but in opera and firefox, it shows it old way of shifting to the left. Is there any way to make this site appear centered in all browsers? This is the site that I am talking abt - www.siddhaphysician.com Thanks & Regards Spencer Jones Hey guys, This is my first time here and I am VERY new to developing in HTML, CSS, JS etc. so please bear with me I am using W3Schools as my primary resource at the moment and have a question about the use of the class versus the ID attribute. On the W3Schools site it is stated that ID is intended for identifying a specific element and that the class attribute is intended to be used to identify multiple elements. But as you can simply apply the ID attribute (<div id="element1">) to ANY element, why have the two? Is the distinction between the two more about the fact that you can apply the class attribute to a particular tag type such as: p.blue {color: Blue;} Many thanks for your help with this. RezD BAH Just realised I have posted this in the wrong forum (great start) hopefully a moderator can move this? Thanks. Last time I posted I was told I needed to get rid of the tables from my code. Im still trying to learn CSS properly and make the changes as I go. looking at my layout surrenderyourwings.com/layout.html I realize it should be 3 divs from left to right, one for the images one for the content and one for the details my question is: the details column on the right "payment shipping etc" Should each of the individual "cells" be a nested div? or is there a different or more correct way to convert and simplify this? thanks 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) I'm taking up HTML editing as a class elective in college and find it very louring in it's creative aspects. I'm messing around with Tables currently and for the life of me i cannot get the table to align directly to the top of the page. There's like a 10px space on the top. I've tried the valign=top or valign=texttop and nothing will make it touch the top of the page with out leaving a space. can some please tell me what i'm missing? Thanks for the help! here's my html code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body bgcolor="880000"> <table bgcolor="yellow" border="0" cellpadding="0" cellspacing="0" valign="top" width="800"> <tr> <td style="height: 23px"></td> </tr> </table> </body> </html> Hi all. I'm designing a website and for the first time using div tags. The style is controlled by CSS. I'm trying to get 2 div tags to be positioned next to each other, side by side. How do I do this, I just can't get it to work. Thanks I have to auto center a hole website. what is the easiest way to do this? Thanks in advance http://ps2cho.net/ At the top where it has ps2cho.net I would love to have an image span across. I don't know much about html...where would I start with this? Is it possible with the wordpress theme? 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! 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. I'm trying to make a website for class, and am having a problem. I made a table, but when I change the size of the window, the words wrap and distort. If I made the window big, the table stretches, and if I make it small it squishes up. What's the easiest way to fix this? So i'm not very good at this stuff, somehow there is an extra white line below the initial title and the three sections. I know there's a lot of garbage in this code of tags that don't need to be here, this code has been constantly edited and by different people and none of us are experts, so a lot of random tags are left around. Possibly one of them is causing the issue. To simplify things, in this example of my code I have removed all the text and links and what not that someone that visits the site sees with "data data data" as I believe they are irreverent to this issue. Any help would be great!!!! My guess is the issue is in the red section, as this is where the gap is between Code: <center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr><td width="100%" valign="top">
<div class='thead' align='left' style="padding: 5px;"><b>Title</b></div>
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<!--- Left Section -->
<tr><td class="trow1" width="33%" valign="top"><font color="black"><center><b>Title</b></center></font></center>
<hr color="#000000"><font face="verdana" color="000000"></center><u></u><font color="black">
<div style="overflow:auto; width: 310px; height: 276px;">
Data Data Data Data....
<br>
</div>
</td>
<br>
</font></a>
<br>
<!-- Center Section -->
</center></td>
<td class="trow1" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></center>
<hr color="#000000"><font face="verdana" color="000000"></center><center><u></u><font color="black">
<br>
Data Data Data.....<br></br>
<!-- Right Section -->
</center></div></td>
</i></b></font></a>
</center></td>
<td class="trow2" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></font></center>
<hr color="#000000">
<center>
<br>
Data Data Data.....
</td></div></table></td></tr>
</center> </center
</table>
Here's a screenshot of the issue on the website: For the life of me I cannot keep the tree picture centered under my banner on my guild website. Does anyone know how to "hard lock" the picture to always stay centered as the webpage is sized? Here is the link to the site, go to "Members" and size the page you will see what I mean! http://www.guildvanaheim.com Thank you very much! -Taipans 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. Morning guys, So yeah I'm new, this is my first ever site. After so much trial and error with Dreamweaver (so frustrating but a great way to learn) i have finished the first draft of the site and have uploaded it to the iPower server so my bosses can review. In Dreamweaver the preview in browsers show everything is fine, but live this is not the case (how many times have you heard this?!) Good thing is it's not the positioning thats the issue - it's the images - some load up, some don't, and this seams to change everytime I refresh?!?! Surely this is a case of not me but them?! He's a link so you can have a look yourselves: http://www.friendshiprose.com/cruise_tobago.html If anybody can shed some light it would be much appreciated, as I don't know too much really. Kind regards, Simon Heres the source code to my site if it interest you: (please be kind - first site n all!) HTML 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>Untitled Document</title>
<link href="../tester.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
a:link {
color: #099;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #099;
}
a:hover {
text-decoration: underline;
color: #0CC;
}
a:active {
text-decoration: none;
color: #0CC;
}
-->
</style></head>
<body onload="MM_preloadImages('../Images/RoselinkRoll.jpg','../Images/GIVRoll.jpg','../Images/RealRoll.jpg','../Images/WeddingsRoll.jpg','../Images/SRERoll.jpg')">
<div id="ContainerMain">
<a href="http://www.friendshiprose.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FR','','../Images/RoselinkRoll.jpg',1)"><img src="../Images/Roselink.jpg" alt="Friendship Rose Caribbean Schooner" name="FR" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.grenadinevillas.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('GIV','','../Images/GIVRoll.jpg',1)"><img src="../Images/GIV.jpg" alt="Grenadine Island Villa Rentals" name="GIV" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.grenadineproperty.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RE','','../Images/RealRoll.jpg',1)"><img src="../Images/Real.jpg" alt="Grenadines Land & Villa Sales" name="RE" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.grenadineweddings.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('WED','','../Images/WeddingsRoll.jpg',1)"><img src="../Images/Weddings.jpg" alt="Grenadines Weddings & Events" name="WED" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.sailrelaxexplore.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SRE','','../Images/SRERoll.jpg',1)"><img src="../Images/SRE.jpg" alt="Sail Relax Explore the Grenadines" name="SRE" width="160" height="97" border="0" class="TopNav" /></a>
<img src="../Images/collection_large.jpg" width="160" height="30" alt="Grenadines Collection" id="Collection"/>
<img src="../Images/Friendship_Rose_Header.jpg" width="880" height="175" alt="Friendship Rose Caribbean Schooner" id="Header" />
<div id="LeftNav"><img src="../Images/Day Cruises Tab1.jpg" width="160" height="143" alt="Contact Us" id="Contact" />
<p> </p>
<p> <a href="http://www.friendshiprose.com/cruises.html">Cruises</a></p>
<p> <a href="http://www.friendshiprose.com/experience.html">The Experience</a></p>
<p> <a href="http://www.friendshiprose.com/menu.html">Menu</a></p>
<p> <a href="http://www.friendshiprose.com/locations.html">Locations</a></p>
<p> <a href="http://www.friendshiprose.com/construct.html">Private Cruises</a></p>
<p> <a href="http://www.friendshiprose.com/weddings.html">Weddings</a></p>
<p> <a href="http://www.friendshiprose.com/construct.html">Image Gallery</a></p>
<p> <a href="http://ical.mac.com/WebObjects/iCal.woa/wa/default?u=thegrenadines&n=Friendship%20Rose%20Cruises.ics">View Sailing Calendar</a></p>
<p> <a href="http://www.friendshiprose.com/contact.html">Contact Us</a></p>
</div>
<div id="maincontentCaysCruise">
<h1 class="H1Text"><b>THE TOBAGO CAYS - FRIENDSHIP ROSE CRUISE</b></h1>
<p class="LineSpace"> </p>
<P class="StandTextGap">The <a href="http://www.friendshiprose.com/tobago_cruise.html">Tobago Cays Marine Park</a> is an stunning group of uninhabited islands near the southern end of the Grenadines. With fine coral reefs, turquoise waters and golden sand, many people consider the Tobago Cays to be the “Jewel in the crown” of the Grenadines.
For more information on the amazing Tobago Cays <a href="http://www.friendshiprose.com/tobago_cays.html">click here . . . </a></P>
<p class="LineSpace"> </p>
<h2 class="H2Text"><font size="3"><b>Cruise Itinerary</b></font> </h2>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>7:00am</b><br />Join the Schooner, welcomed onboard by Captain and Crew<br />
Coffee & breakfast served as you sail by Moonhole and the Western
Isles Of Bequia<br />
Enjoy the voyage through the Grenadines with excellent on board service</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>10:00am</b><br />
Arrive in the Tobago Cays<br />
Snorkel the coral reef <br />
Explore a deserted island<br />
Swim with turtles just off the pristine coral sand beach</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>1:00pm</b><br />
Lunch served on the shaded deck<br />
Relax in a hammock under billowing sails <br />
Have a relaxing afternoon swim from the boat</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>2:30pm</b><br />
Set sail for Bequia<br />
Watch for dolphins and turtles from the bow sprit <br />
Take afternoon tea and cake or enjoy the sundowners</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>5:30pm</b><br />
Arrive in Bequia</p>
</div>
<div id="SocialButtons">
<a href="http://www.facebook.com/home.php?ref=home#/group.php?gid=183257088849&ref=ts"><img src="../Images/join-our-facebook-group.jpg" width="160" height="46" style="border:0" alt="Facebook Group"/></a> <img src="../Images/twitter_logo.jpg" width="160" height="46" alt="Twitter Follow" id="Twit" />
</div>
<img src="../Images/Footer 1.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<img src="../Images/Footer 2.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<img src="../Images/Footer 3.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<img src="../Images/Footer 4.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<div id="ContainerBot" align="left">
<h1 class="H1Text">The Friendship Rose Caribbean Schooner </h1>
<h2 class="H2TextGap">Day Tours & Private Charters Through the Grenadines</h2>
<h3 class="StandText">Bequia, St. Vincent & the Grenadines, West Indies</h3>
<p class="StandText">E-mail:<a href="mailto:friendshiprose@mac.com">friendshiprose@mac.com </a> </p>
<p class="StandText">Tel BEQUIA: +1 (784) 495 0886/9 +1 (784) 457 3888 +1 (784) 457 3739 UK FREEPHONE 0800 0484814</p>
</div>
</div>
</body>
</html>
Edited: Seo Concerns. |
|||||||