|
HTML - Links Align
Hi I am trying to align these pics side by side. I am using html
<p><a href="car.jpg"><img src="car.jpg" border="0"><br>full size</a></p> <p><a href="car.jpg"><img src="car.jpg" border="0"><br>full size</a></p> The text is aligned using css to the center and that works fine. Similar TutorialsHey, well i know alot of people put myspace questions here, and not to be another one of those myspaces i have a question... my myspace url is myspace.com/cherylishot haha dont ask. But on the bottom table i cannot get my links to align left to right, not vertical and in that scroll box. Any help would be appreciated thanks alot! Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! i have a javascript running a scrolling text on my site and im trying to position it to either align to the right or set x,y coordinates... i already tried putting align =right in the tag and it didnt work here is what im working with... http://www.freewebs.com/fallingrain11/1.html here is the call up im using i also <iframe width="165" height="215" src="irawr-scrollernewstic.html" SCROLLING="no" FRAMEBORDER="0" border=0></iframe> <td valign="top" background="" rowspan="9" width="666"><div style="width: 200; height: 200; background-color: transparent; font-family: arial; font-size: 11px; color: FF2222; font-weight: normal; font-style: normal; text-align: left; border-width: 1px; border-style: solid; border-color: 952716; overflow: auto; padding: 5px;">Test</div> This is the code i have. How would i move it away from the top and left side by a certain amount of pixles? For example, 100 pixles from top and 50 from left side. I have three DIV: <!-- Top 5 Hotels --> <div id="top5container"> HOTELS/RESORTS<br /> </div> <!-- Top 5 Restaurants --> <div id="top5container"> RESTAURANTS </div> <!-- Top 5 Shows --> <div id="top5container"> ENTERTAINMENT </div> I want to wrap those three DIVs (most likely in another DIV) and have them centered in this DIV. See www.vegastraveling.com and see on the welcome page. I want the 3 "top 5" to be centered... but I can't seem to have it work So it's basically centering 3 DIVs within a DIV. Hi, I wonder if anyone could help me solve what is probably a very simple problem. My website is www.danmondayeteaching.com In Chrome and Safari it displays how I want it. However, in IE my e-mail address will not align right. In Firefox there is a thin black border to the cell with my e-mail address in. I've tried lots of ways to solve the problem to no avail. Here is the offending code: <tr> <td nowrap width="80%" border= "0" style="border-style: none; border-width: medium" height="102"> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0"><b><font color="#FFFFFF" size="6" face="Verdana">Dan Monday E-teaching</font></b> </p> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0; horizontal-align: middle"><b><i><font color="#A8E1F2" face="Verdana"> <img src="skypelogo.png" alt="Skype" img style="vertical-align:middle"> your way to better English</font></i></b> </td> <td width= "20%" border= "0" style="border-style: none; border-width: medium" height="102"><td align= "right"> <p style= "text-align: right; margin-right: 28;"><b><font color="#FFFFFF" size="4" face="Verdana">monday.daniel@gmail.com</font></b></p></td> </tr> tldr - IE won't align my e-mail address to the right. Thanks in advance for any suggestions. Hi, Can anyone tell me how i can accomplish this: http://www.tendervendors.com/dev/index-table.html without using display: table-cell. Atm, the exact same code, just without display: table-cell displays: http://www.tendervendors.com/dev/index.html Anyone got any ideas? TIA Matthew Millar Hi every one. Well i have a problem with align="center" In tow PCs this align not working (its not coming to center) In one PC that i tried somehow its work. I did the same in all 3 PCs. So my question is why ??? Thanks I'm learning HTML and the teacher has us learning deprecated tags - Just to let you. If I want to center this tag, where do I put the align code? <h1><font color="#4f4fc1">HTML Forums</font></h1> HELP! why can't i align my texarea and my three side panels? http://www.hottunaint.com/press7test.html I'm trying to make this page/table align to the top of the page so that when the entire page is maximized, it will still "stick" to the top rather than in the middle of the page. The editor I am using (Visual Studio 2003) shows that it is at the top of the page but when running it and maximized the page, the content is centered to the middle of the page. Any ideas on how to resolve this? It is using a bit of CSS too..... Code: <body bottomMargin="0" rightMargin="0" MS_POSITIONING="GridLayout"> <form class="crm" id="crmForm" method="post" runat="server"> <table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td> <table height="100%" cellSpacing="0" cellPadding="0" width="100%"> <TBODY> <tr> <td> <div class="simon"> <table style="TABLE-LAYOUT: fixed" cellSpacing="0" cellPadding="0" width="100%" border="0"> <COLGROUP> <col width="110"> <col> <col> <col width="120"> <TBODY> <tr> </tr> <tr> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24"> </td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Candidate Details</td> <td style="FONT-WEIGHT: bold; WIDTH: 299px; BORDER-BOTTOM: black 1px solid" height="24">Vacancy Details</td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Filtering Options</td> </tr> <!--etc..... --> css: Code: formButton
{
background-color: #6699cc;
padding: 2px 4px 3px 4px;
color: #000000;
font-size: 8pt;
font-family: tahoma;
height: 17px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#B4C5DF, EndColorStr=#91A9D0);
border-width: 0px;
}
TEXTAREA
{
font-size: 8pt;
font-family: tahoma;
width: 100%;
height: 100%;
border: 1px solid #7b9ebd;
}
.inputfields
{
font-size: 8pt;
font-family: tahoma;
width: 100%;
height: 19px;
border: 1px solid #7b9ebd;
}
INPUT.rad
{
width: 15px;
border: 0px;
cursor: hand;
}
DIV.tab
{
overflow-y: auto;
padding: 10px;
}
TD.sec
{
width: 100%;
color: #000000;
font-weight: bold;
padding-left: 0px;
padding-bottom: 2px;
text-overflow: ellipsis;
overflow: hidden;
}
TD
{
font-size: 11pt;
font-family: tahoma;
}
TD.bar
{
border-bottom: 1px solid #000000;
}
TD.req
{
font-weight: bold;
color: #9F2409;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 5px;
}
TD.statusBar
{
background-color: #63769B;
color: #ffffff;
padding-left: 5px;
height: 24px;
border-bottom: 1px solid #485673;
font-weight: bold;
}
LABEL
{
cursor: hand;
}
TD.radioLabel
{
padding-left: 2px;
padding-right: 10px;
}
TABLE.layout
{
table-layout: fixed;
width: 100%;
height: 100%;
}
div.tab
{
width: 100%;
height: 100%;
border: 1px solid #466094;
background-color: #EEF0F6;
display: none;
}
body
{
font-size: 11px;
margin: 0px;
border: 0px;
background-color: #EEF0F6;
cursor: default;
}
td
{
font-size: 11px;
}
table
{
cursor: default;
}
a
{
color: #0000ff;
font-weight: bold;
}
span.menu
{
height: 100%;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #7288AC;
}
table.mnuBar
{
color: #000000;
height: 22px;
width: 100%;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DCDFE5, EndColorStr=#BDC2CB);
}
td.mnuTitle
{
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
cursor: default;
color: #000000;
}
td.mnuRight
{
width: 100%;
text-align: right;
padding-right: 5px;
}
DIV.header
{
font-size: 20px;
font-weight: bold;
color: #000099;
margin-bottom: 20px;
border-bottom: 1px solid #000044;
}
TR.header
{
font-weight: bold;
background-color: #E0E3E8;
}
th
{
border-right:0;
border-left:0;
background:url(imgs/bar_line.gif) left center no-repeat;
}
dataGrid.Table
{
border-collapse: collapse;
border-spacing: 0;
background-color: #000000;
}
dataGrid.td, th
{
margin:0;
padding:0;
}
.Glass
{
background-image:url(Img/Blank.gif);
background-repeat:repeat-x;
}
.Glass:hover
{
background-image:url(Img/GradientBlue.gif);
background-repeat:repeat-x;
}
i have this 2 images firefox ie7 how can i make the page in in intenret excplorer to look like in firefox? here is the code PHP Code: <?php include("muzica/config.inc"); $link = mysql_connect($mysql_host, $mysql_username, $mysql_password); $result = mysql_query("SELECT id, name, artist, catagory, size FROM ".$mysql_database.".songs ORDER BY id DESC LIMIT 5;"); for($i = 0; $i < mysql_num_rows($result); $i++) { echo "<br style=\"line-height:3px\">"; echo "<table width=\"100%\"><tr><td width=\"80%\"><img src=\"images/marcer.gif\" align=\"left\" style=\"margin-left:6px; margin-right:6px\"><span class=\"orange\"><a href=\"muzica/browse.php?catagory=".mysql_result($result, $i, "catagory")."\" class=\"orange\">".mysql_result($result, $i, "artist")." - ".mysql_result($result, $i, "name")."</a></td> <td>".mysql_result($result, $i, "size")."</td> </tr></table></span>"; echo " <br style=\"line-height:9px\">"; echo "<img src=\"images/hl2.gif\"><br>"; } mysql_free_result($result); mysql_close($link); ?> Hi, I am trying to create a 'Add to Basket' button on my site using HTML. I have created the following code whcih you can see in action at www.martinspares.com/shop.html (its about halfway down the page). The trouble is that the Quantity box is lower than the button but i would like them to be level which other. How can I achieve this? I am new to all this and am quite confused so any help is much appreciated. Paul HTML Code: <iframe name="cart1" width="0" height="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe> <form action="http://ww4.aitsafe.com/cf/add.cfm" target="cart1"> <input type="hidden" name="userid" value="66349534" /> <input type="hidden" name="nocart" /> <input type="hidden" name="return" value="www.martinspares.com/basket.html" /> <input type="hidden" name="product" value="Mac 600 Colour Wheel" /> <input type="hidden" name="price" value="26.97" /> <input type="hidden" name="scode" value="123456" /> <input name="units" type="hidden" value="2" /> <input type="text" name="qty" size="1"><input type="image" name="Submit" src="wpimages/Add to Basket.png" alt="Add Item to Shopping Cart" onclick="this.src='wpimages/Added to Basket.png'" /> </form> Hello I have images on my site found here. You can see them on the top news bar, RSS feed, Facebook, Twitter How can I make those same line, aligned to the right. Here is the current code for this section. HTML Code: <div id="contenttitle">RuneHints, Clan & RuneScape News <a href="http://feeds.feedburner.com/RunehintsNews"><img src='http://runehints.com/forums/public/style_images/master/feed.png' alt='RSS Feed' id='rss_feed' class='clickable' /></a><a href="http://www.twitter.com/runehints"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png" alt="Follow runehints on Twitter"/></a><a href="http://feeds.feedburner.com/RunehintsNews"><img src="http://runehints.com/images/f_logo.png" alt="Follow RuneHints on Facebook" width="16" height="16" /></a></div> So first off I would like to say I am new to website design & html. I have really just messed around with free templates in an attempt to make a decent website. Please feel free to talk to me like a child. My main problem is with images on my site not aligning. I have looked over the code so many times and do not understand why they are out of wack! Here is the url http://www.springfieldsqueencityroll...y.com/T&S.html I would apreciate any feedback you could give me. Thanks in advance! Anne-Marie Also I don't know if the code is needed on this post but if a code is needed just let me know I will be happy to provide it. Dear users, I have been having some trouble for quite sometime with both align and valign, I want to keep a iframe (Google Maps) absolutely centered regardless of the browser window size. This works fine for me until I want to add a picture on the page. When I add the picture I want it to be overlapping just slightly to the left of the iframe and stay like that regardless of window size also. I'm sure its just a basic container problem, but it also makes it harder when I'm using percentages. If anyone is having problems with what I'm trying to explain just ask and I'll try explain it a little bit better. http://www.autohotkey.net/~happytodd/index.html HTML Code: <style type="text/css">
#container{
position: relative;
min-width:700px;
min-height:100px;
}
#title
{
font-size: 65px;
}
#google
{
}
#image
{
border: 1px;
}
</style>
<body>
<div id="container">
<div id="google">
<div id="image">
<table border="1" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td align="center" valign="middle">
<div id="title"><b>Where is Happytodd?</b></div> <br />
<img src="there_myselfEeek1.png" alt="Avatar"/>
</div>
<!-- Google Public Location Badge -->
<iframe src="http://www.google.com/latitude/apps/badge/api?user=-7616294934996694352&type=iframe&maptype=roadmap" width="500" height="500" frameborder="0"></iframe>
<!-- To disable location sharing, you *must* visit https://www.google.com/latitude/apps/badge and disable the Google Public Location badge. Removing this code snippet is not enough! -->
</td></tr>
</div>
</div>
</body>
Okay so I'm making a mock up sign in and log in page and this is what I want to happen but since it only has 2 columns, the log in page gets drag on the middle. i want it to look like this: I am trying to set up a form for a website, but i am having problems with the alignment the code that i have is HTML Code: <form name="charclient" action="https://forms.netsuite.com/app/site/hosting/scriptlet.nl?script=26&deploy=1&compid=1200531&h=32f337b26222d60b23c1" method="post"> <table width="375" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="4" width="1" height="200"><img src="images/spacer.gif" alt="space" width="1" height="1" /></td> <td height="56" colspan="3" valign="top"><img src="images/spacer.gif" height="8" width="1" /><br /> <img src="images/joinus.png" /><br />Is your charity eligible for The Heart of Gold Donation Program?<br /> <img src="images/spacer.gif" height="1" width="8" /></td></tr> <tr> <td width="160" height="40" valign="middle"><b>First Name: *</b><br /> <input type="text" name="firstname" value="" size="30" /> </td> <td width="35" rowspan="2"> </td> <td width="179" height="40" valign="middle"><b>Last Name: *</b><br /> <input type="text" name="lastname" value="" size="30" /></td> </tr> <tr> <td valign="middle" height="44"><b>Email: *</b><br /> <input type="text" name="email" value="" size="30" /></td> <td valign="middle" height="44"><b>Organization: *</b><br /> <input type="text" name="companyname" value="" size="30" /></td> </tr><tr> <td valign="middle" height="44"><b>Phone: *</b><br /> <input type="text" name="phone1" id="phone1" value="" size="3" maxlength="3" style="margin-bottom:10px; float:left; border-left:none; padding-left:4px; margin-right:0px;" onKeyUp="autoTab(this,'phone2'); buildPhoneNumber();"/> <input type="text" name="phone2" id="phone2" value="" size="3" maxlength="3" style="float:left; border-left:none; margin-right:0px; margin-left:0px;" onKeyUp="autoTab(this,'phone3'); autoTabBack(this,'phone1'); buildPhoneNumber();"/> <input type="text" name="phone3" id="phone3" value="" size="4" maxlength="4" style="float:left; border-left:none; margin-right:0px; margin-left:0px;" onKeyUp="autoTabBack(this,'phone2'); buildPhoneNumber();"/> <b>EXT: *</b> <input type="text" name="ext" id="ext" value="" size="3" maxlength="3" style="margin-bottom:5px; float:left; border-left:none; margin-left:2px;" onKeyUp="autoTabBack(this,'ext'); buildPhoneNumber();"/> <input type="hidden" name="phone" id = "fullPhoneNumber" value="" size="27" /> <td colspan="1" height="40"><br /></td> <td valign="middle" height="39"> <input name="submit" type="image" src="images/joinbutton2.jpg" alt="joinus" align="right" border="0" style="margin-right:2px; margin-bottom:6px" /></td> </tr> </table> my problem is where it says <b>EXT: *<b> <input type="text" name="ext" id="ext" value="" size="3" maxlength="3" style="margin-bottom:5px; float:left; border-left:none; margin-left:2px;" onKeyUp="autoTabBack(this,'ext'); buildPhoneNumber();"/> the website is http://www.heartofgoldprogram.com/charities/index3.php you can see there how it is when i look in the web site this is not align with the other boxes in the phone number... i can't find the solution for that to be align. if any body can help me it will be great. thanks |
|||||||