|
HTML - Stop Putting Text Next To Image
For a class assignment we are to create a simple Web page with inline styles.
My question is, How do I tell the browser to stop putting text next to an image? Here is the html I'm using now: HTML Code: <img src="recycle.jpg" width="142" height="146" style="float: left; margin-left: 10px; margin-right: 10px" alt="Recycle bin" /> <h1 style="font-style: italic">Help the Earth - Recycle</h1> <ul style="text-align: left"> <li><a href="#about">Q and A about recycling</a></li> <li><a href="#when">When to recycle</a></li> <li><a href="#contacts">Who to contact</a></li> </ul> The h1 header is supposed to be on the right side of the "recycle.jpg" image, which it is, but the bulleted list is supposed to be below the image. It keeps going alongside the image underneath the h1 header. I've tried putting different parts into div tags but that didn't work. Obviously I'm doing something wrong. Any help would be greatly appreciated! Similar TutorialsI've made a layout for a sim site however I can't workout why I can't get the text to go where I want. Code: Code: <table width=95%><tr><td><center><div style="background-image:url(http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/bernipngnewlayout.jpg); width:700px; height:700px;">
<br><br><br><br><br><br><br><br>
<body><style type="text/css">
.container { width: 300px; height: 500px; top:100px; overflow: auto; overflow-y: hidden; border: 0px; }
.section { height: 500px; overflow: auto; }
</style>
<table width="100px"><tr><td>
<div style="width: 300px; height: 500px; border: 0px;"> <html>
<br><a href="#ABOUTOWK"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/ABOUTOWK.png" border="0"></a>
<br><a href="#ABOUTME"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/ABOUTME.png" border="0"></a>
<br><a href="#SERVICES"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/SERVICES.png" border="0"></a>
<br><a href="#MYTAGS"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/MYTAGS.png" border="0"></a>
</div>
</td><td>
<div class="container"> <html>
<head>
<FONT COLOR=" #000000">
<a name="ABOUTOWK"></a>
<div class="section">
<br><br><center>
<u>English ****er Spaniels</u><br>
OWK is currently specializing in English ****er Spaniels. OWKs are proud that we've raised the top ****ers on Mutt-z. Our ****ers are currently trained in Agility and Flyball. Although, we want the best all-rounder dogs.
<p>
<u>Bernese Mountain Dogs</u><br>
At the moment OWK has a pair of Bernese Mountain Dogs, whose their stats are being raised. They are named after mountains from their birthplace the Swiss Mountain Range.
<p>
<u>English Springer Spaniels</u><br>
OWK also has a pair of Springers, who will be interbred with my ECSs to create Sprockers. The most awesome mix on the planet. xD
</center>
</div> <br><br>
<a name="ABOUTME"></a>
<div class="section">
<br><br><center>
Hey! :D I'm Bernie! I'm 16 years old and live in West Sussex, England. I've always lived here and have been out of Europe twice. XD I've been to Italy once and have been to Northen France a few times. <br>
I have a 4 year old English ****er Spaniel whom I ADORE! She has me firmly wrapped around her little paw. n-n Ruby is the inspiration for my kennel and my love of dog training.
</center>
</div>
<a name="SERVICES"></a>
<div class="section">
<br><br><b>Manips</b> - If you want a manip done, PM me. <br>
<b>Layouts </b>- If you want a layout done, PM me. Price depends on complexity.
</div>
<a name="MYTAGS"></a>
<div class="section">
<br><br><center>
<MARQUEE direction="up" width="75%"><img src=http://i74.photobucket.com/albums/i253/Fish_Outta_Water_/leno2.gif><img src=http://img210.imageshack.us/img210/3231/berniesdf8.png><img src=http://i94.photobucket.com/albums/l110/Ren_041/Sales/howlingwolfbernie.gif><img src=http://mutt-z.com/images/avatars/1451.png><img src=http://i408.photobucket.com/albums/pp169/berniemad/avi1-32.png><img src=http://i408.photobucket.com/albums/pp169/berniemad/FF/Stafftag-bernie.png>
</MARQUEE>
<p>
My character <a href="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png">Stoat</a>!
<p>
<a href="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png" width=200px length=200px></a>
</center></FONT>
</div>
</div>
</td></tr></table></style></head></body></td></tr></table>
im going to use this webpage as an example http://danalverez.webs.com/index.htm im creating a webpage in dreamweaver and im having a problem i uploaded a background image and centered it and thats fine. But now im trying to creat links over the background image and i can, but when i view the webpage in IE the links or text move everytime i maxamize or minamize the webpage. when you maxamize or minamize the webpage above, the home button link is always in the same location on the page. When i max/min my website the home button jumps to the left or right. when its minamized its in the correct location, but when i maxamise the page the button is to much left. hi, someone has bought a website template and wants me to have a go at adding stuff to it (dont worry, he just wants to see what it looks like, he's not going to use me to publish it). the code for the menu buttons is this: <td class="menu"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/p1_sel.jpg',1)"><img src="images/p1.jpg" alt="" name="Image3" width="116" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/p2_sel.jpg',1)"><img src="images/p2.jpg" alt="" name="Image4" width="112" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/p3_sel.jpg',1)"><img src="images/p3.jpg" alt="" name="Image5" width="133" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/p4_sel.jpg',1)"><img src="images/p4.jpg" alt="" name="Image6" width="119" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/p5_sel.jpg',1)"><img src="images/p5.jpg" alt="" name="Image7" width="148" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/p6_sel.jpg',1)"><img src="images/p6.jpg" alt="" name="Image8" width="137" height="35"></a></td> at the moments they are blank and just change colour when you hover. how do i add text to these buttons without making new images? thanks in advance, sam Hi i am new to HTML and have a really basic question. I am trying to teach myself HTML from scratch and came across adding a hyperlink to an image. i found this HTML below on a practice web site and undestand that the <a href="default.asp"> is where the hyperlink links to, but when i changed this to a website for example www.google.com it didn't go to the google page it just said error why is this? Also the "smiley.gif" where does this come from if i wanted to change the picture that you click on how would i do this ?? I'd be so grateful if anybody could shed some light on this for me thank you, Angela <p>No border around the image, but still a link: <a href="default.asp"> <img border="0" src="smiley.gif" alt="HTML tutorial" width="32" height="32" /> </a></p> I have a scrolling text bar going across my site, but I would like to limit the amount of times it will scroll. It seems kind of annoying to be scrolling forever. Ideally, the text would scroll 3 times and then disapear. Any help would be great. Thanks, Scott So everytime I add a picture or text my website page gets "longer". I then move the text or picture with the "div" tag so I can position it where I like. But the webpage is still the same length as it was before I moved the object. So How can I stop the page from getting longer everytime I add text or picture to it? Thanks Hey, I'm buidling a series of webpages and I still don't know what the code is to stop right clicking. Even better, I'd like the person to be redirected to a particular page . Any clues on how to do this? (on IE not firefox) On the bottom of my webpage I cant get a body backround image to stop repeating itself on the bottom of the page, I tried many things and if i try closing more tags it messes other lines up can anyone help me? you can see the problem he http://lilions.com/testindex/ heres some of the code but the whole page wont fit so please veiw source Code:
<br></br><br></br>
<center>
<img src="http://lilions.com/home/images/tpc2.jpg"></center><center><img
src="http://lilions.com/home/images/cnttp2.jpg"></center><table style="border-collapse: collapse;" width=1000
height=1090>
<td id="center-mid">
</center>
<font color="#FFFFFF">
<table border="3" bordercolor="FFFFFF" width="750" bgcolor="000000">
<tr>
<td><b><center><font color="#FFFF00"> # </center></b></td>
<td><b><center><font color="#FFFF00"> NAME </center></b></td>
<td><b><center><font color="#FFFF00"> POS. </center></b></td>
<td><b><center><font color="#FFFF00"> HT. </center></b></td>
<td><b><center><font color="#FFFF00"> WT. </center></b></td>
<td><b><center><font color="#FFFF00"> AGE </center></b></td>
<td><b><center><font color="#FFFF00"> EXP. </center></b></td>
<td><b><center><font color="#FFFF00"> SCHOOL </center></b></td>
</tr>
<tr>
<td> 0 </td>
<td><a href="http://lilions.com/roster/BlairBines" target="_blank" > Blair Bines </td></a>
<td> WR/TE</td>
<td> 6'</td>
<td> 260 </td>
<td> N/A </td>
<td> N/A </td>
<td> Rutgers </td>
</tr>
<tr>
<td> 1 </td>
<td><a href="http://lilions.com/roster/AnthonyCentrella" target="_blank" > Anthony Centrella </td></a>
<td> WR/TE</td>
<td> 5'9 </td>
<td> 230 </td>
<td> N/A </td>
<td> N/A </td>
<td> William Floyd </td>
</tr>
<tr>
<td> 2 </td>
<td><a href="http://lilions.com/roster/BradMcCoy" target="_blank" > Brad McCoy </td></a>
<td> LB/ DE </td>
<td> 6'2 </td>
<td> 230 </td>
<td> N/A </td>
<td> N/A </td>
<td> Nassau CC </td>
</tr>
<tr>
<td> 3 </td>
<td><a href="http://lilions.com/roster/BrandonOresto" target="_blank" > Brandon Oresto </td></a>
<td> WR </td>
<td> 6'2 </td>
<td> 195 </td>
<td> N/A </td>
<td> N/A </td>
<td> William Floyd </td>
</tr>
<tr>
<td> 4 </td>
<td><a href="http://lilions.com/roster/JohnChestnut" target="_blank" > John Chestnut </td></a>
<td> WR/DB</td>
<td> 6'</td>
<td> 175 </td>
<td> N/A </td>
<td> N/A </td>
<td> Cheyney Univ. </td>
</tr>
<tr>
<td> 5 </td>
<td><a href="http://lilions.com/roster/AlicioMettelus" target="_blank" > Alicio Mettelus </td></a>
<td> DB </td>
<td> 5'11 </td>
<td> 190 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 6 </td>
<td><a href="http://lilions.com/roster/StevieLeachJr" target="_blank" > Stevie Leach Jr. </td></a>
<td> RB </td>
<td> 5'11 </td>
<td> 220 </td>
<td> N/A </td>
<td> N/A </td>
<td> Charleston Southern </td>
</tr>
<tr>
<td> 7 </td>
<td><a href="http://lilions.com/roster/SteveOliveri" target="_blank" > Steve Olivei </td></a>
<td> DB </td>
<td> 5'8 </td>
<td> 180 </td>
<td> N/A </td>
<td> N/A </td>
<td> Commack </td>
</tr>
<tr>
<td> 8 </td>
<td><a href="http://lilions.com/roster/DonBonacorsa" target="_blank" > Don Bonacorsa </td></a>
<td> P </td>
<td> 5'7 </td>
<td> 220 </td>
<td> N/A </td>
<td> N/A </td>
<td> Commack </td>
</tr>
<tr>
<td> 10 </td>
<td><a href="http://lilions.com/roster/PeteBonelli" target="_blank" > Pete Bonelli </td></a>
<td> LB </td>
<td> 5'4</td>
<td> 190 </td>
<td> N/A </td>
<td> N/A </td>
<td> Molloy </td>
</tr>
<tr>
<td> 11 </td>
<td><a href="http://lilions.com/roster/DarnellWest" target="_blank" > Darnell West </td></a>
<td> WR </td>
<td> 5'10 </td>
<td> 185 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 12 </td>
<td><a href="http://lilions.com/roster/RobZippel" target="_blank" > Rob Zippel </td></a>
<td> QB </td>
<td> 6'1 </td>
<td> 200 </td>
<td> N/A </td>
<td> N/A </td>
<td> William Floyd </td>
</tr>
<tr>
<td> 16 </td>
<td><a href="http://lilions.com/roster/EdDixon" target="_blank" > Ed Dixon </td></a>
<td> WR/DB </td>
<td> 6'</td>
<td> 205 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 18 </td>
<td><a href="http://lilions.com/roster/CleefMettelus" target="_blank" > Cleef Mettelus </td></a>
<td> WR </td>
<td> 6'2 </td>
<td> 215 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 19 </td>
<td><a href="http://lilions.com/roster/SeanKenna" target="_blank" > Sean Kenna </td></a>
<td> WR/KR </td>
<td> 5'7 </td>
<td> 190 </td>
<td> N/A </td>
<td> N/A </td>
<td> Suffolk CC </td>
</tr>
<tr>
<td> 20 </td>
<td><a href="http://lilions.com/roster/ChrisPalazzolo" target="_blank" > Chris Palazzolo </td></a>
<td> WR/KR </td>
<td> 5'8 </td>
<td> 180 </td>
<td> N/A </td>
<td> N/A </td>
<td> Commack </td>
</tr>
<tr>
<td> 24 </td>
<td><a href="http://lilions.com/roster/KeithGraydon" target="_blank" > Keith Graydon </td></a>
<td> WR/DB </td>
<td> 5'10 </td>
<td> 200 </td>
<td> N/A </td>
<td> N/A </td>
<td> Smithtown </td>
</tr>
<tr>
<td> 31 </td>
<td><a href="http://lilions.com/roster/JairRomero" target="_blank" > Jair Romero </td></a>
<td> RB</td>
<td> 5'9</td>
<td> 240 </td>
<td> N/A </td>
<td> N/A </td>
<td> Wynadanch </td>
</tr>
<tr>
<td> 32 </td>
<td><a href="http://lilions.com/roster/DaWhiteHines" target="_blank" > DaWhite Hines </td></a>
<td> LB </td>
<td> 5'10 </td>
<td> 230 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 34 </td>
<td><a href="http://lilions.com/roster/JohnLockwood" target="_blank" > John Lockwood </td></a>
<td> LB </td>
<td> 6'</td>
<td> 200 </td>
<td> N/A </td>
<td> N/A </td>
<td> Bellport </td>
</tr>
<tr>
<td> 35 </td>
<td><a href="http://lilions.com/roster/AlfredFranklin" target="_blank" > Alfred Franklin </td></a>
<td> RB </td>
<td> 5'8 </td>
<td> 195 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 38 </td>
<td><a href="http://lilions.com/roster/CarlLorasille" target="_blank" > Carl Lorasille </td></a>
<td> DB </td>
<td> 5'10 </td>
<td> 200 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 40 </td>
<td><a href="http://lilions.com/roster/ChadLeach" target="_blank" > Chad Leach </td></a>
<td> DE/FB</td>
<td> 5'9 </td>
<td> 220 </td>
<td> N/A </td>
<td> N/A </td>
<td> Lindenhurst </td>
</tr>
<tr>
<td> 45 </td>
<td><a href="http://lilions.com/roster/LondonJRStanley" target="_blank" > London JR Stanley </td></a>
<td> DE</td>
<td> 6'3 </td>
<td> 220 </td>
<td> N/A </td>
<td> N/A </td>
<td> Longwood </td>
</tr>
<tr>
<td> 49 </td>
<td><a href="http://lilions.com/roster/CraigPinto" target="_blank" > Craig Pinto </td></a>
<td> K </td>
<td> 5'8 </td>
<td> 170 </td>
<td> N/A </td>
<td> N/A </td>
<td> Hofstra Univ </td>
</tr>
<tr>
<td> 50 </td>
<td><a href="http://lilions.com/roster/BrianHope" target="_blank" > Brian Hope </td></a>
<td> DL </td>
<td> 6'1 </td>
<td> 240 </td>
<td> N/A </td>
<td> N/A </td>
<td> Connetquot </td>
</tr>
<tr>
<td> 51 </td>
<td><a href="http://lilions.com/roster/FinkleyDufort" target="_blank" > Finkley Dufort </td></a>
<td> DL </td>
<td> 6'1 </td>
<td> 250 </td>
<td> N/A </td>
<td> N/A </td>
<td> Newton </td>
</tr>
<tr>
<td> 52 </td>
<td><a href="http://lilions.com/roster/JamelDudley" target="_blank" > Jamel Dudley </td></a>
<td> DL</td>
<td> 6'3 </td>
<td> 270 </td>
<td> N/A </td>
<td> N/A </td>
<td> N/A </td>
</tr>
<tr>
<td> 54 </td>
<td><a href="http://lilions.com/roster/DanHillman" target="_blank" > Dan Hillman </td></a>
<td> C </td>
<td> 6'1 </td>
<td> 220 </td>
<td> N/A </td>
<td> N/A </td>
<td> Commack </td>
</tr>
<tr>
<td> 90 </td>
<td><a href="http://lilions.com/roster/BrianMcLaughlin" target="_blank" > Brian McLaughlin </td></a>
<td> DE </td>
<td> 6'5 </td>
<td> 250 </td>
<td> N/A </td>
<td> N/A </td>
<td> Marist </td>
</tr>
<tr>
<td> 91 </td>
<td><a href="http://lilions.com/roster/ChadEllis" target="_blank" > Chad Ellis </td></a>
<td> DE </td>
<td> 6'2 </td>
<td> 280 </td>
<td> N/A </td>
<td> N/A </td>
<td> Deleware St. </td>
</tr>
<tr>
<td> 99 </td>
<td><a href="http://lilions.com/roster/DanEfinger" target="_blank" > Dan Efinger </td></a>
<td> DE</td>
<td> 6'1 </td>
<td> 240 </td>
<td> N/A </td>
<td> N/A </td>
<td> New Hyde Park </td>
</tr>
</table>
</font>
<center>
<img src="http://lilions.com/home/images/cntbtm2.jpg"></center>
<br></br>
<center>
<table valign="top" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" class="credit_white1"><font color="#ffffff"><img src="images/spacer.gif" width="30"
height="1">Copyright 2011, MajorKillenDesign.com, Inc. All Rights Reserved.</font><br><br></td></center>
</tr>
</table>
<center>
<table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="2">
<tr>
<td width="800" height="2" bgcolor="#D4D601"></td>
</tr>
</table>
<table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="15">
<tr>
<td width="800" height="15" class="subMenu"><p style="margin-left: 25px; margin-right: 0px; margin-top: 3px;
margin-bottom: 5px" align="right">
<i> <a href="http://lilions.com/contact/">
Contact The Lions</a> </i>
| <a href="http://majorkillendesign.com/">
Site & Design Sales</a> </p></td>
</tr>
</table>
<script language="JavaScript">
if (document.location.toString().indexOf("home") == -1) {
document.write('<table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="2"><tr><td
width="800" height="2" bgcolor="#D4D601"></td></tr></table>')
}
</script>
</tr>
</table></center>
</html>
How do i stop a table from expanding, When i place a image in it that is larger then the table size. The catch is, I dont want to set the any size peramiters in the 'img' tag. table width = 100 px image width = 200 px 100 px = of pixel page killings Thanks Hi, I'm taking website design at school, and for our final mark we have to design a full website with Dreamweaver cs3. Now i'm stuck on one thing that i cant solve , so please help me out. How do I stop this image (background) from repeating??? Without using CSS & with CSS I've uploaded the site that I'm working on at http://www.bhsolutions.org and here is the code; 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>Sadmir's Website | Home</title>
<script type="text/javascript">
<!--
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_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_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">
<!--
.style1 {
font-size: 30px;
font-weight: bold;
}
.style3 {
color: #CC0000;
font-size: 18px;
}
.style4 {color: #3D3C2C}
.style6 {font-size: 12px}
#apDiv1 {
position:absolute;
width:316px;
height:208px;
z-index:1;
left: 184px;
top: 705px;
}
body {
background-repeat: repeat;
}
-->
</style>
</head>
<body background="images/resource/background.png" onload="MM_preloadImages('images/navigation/servicesd2.gif')">
<table width="794" height="1089" border="0" align="center" cellpadding="1" cellspacing="1" background="images/resource/background.png">
<tr>
<td width="251" height="67" bgcolor="#FCFAE6"><a href="index.html"><img src="images/logo.gif" alt="Sadmir's Website" width="204" height="57" border="0" longdesc="index.html" /></a></td>
<td width="98" bgcolor="#FCFAE6">Link A</td>
<td width="66" bgcolor="#FCFAE6">Link B</td>
<td width="114" bgcolor="#FCFAE6">Link C</td>
<td width="210" bgcolor="#FCFAE6">Link D</td>
<td width="36" bgcolor="#FCFAE6"> </td>
</tr>
<tr>
<td height="21" colspan="6" bgcolor="#DBD8C6"><marquee scrolldelay="125" width="100%">
<span class="style6"><font color="#800517" >Welcome to Sadmir's Website</span> </marquee> </td>
</tr>
<tr>
<td height="59" valign="top"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','images/navigation/servicesd2.gif',1)"><img src="images/navigation/services.gif" alt="Services" name="Services" width="240" height="65" border="0" id="Services" /></a></td>
<td colspan="5" rowspan="3" valign="top"><img src="images/header-img.jpg" width="525" height="238" /></td>
</tr>
<tr>
<td height="66">link 2</td>
</tr>
<tr>
<td height="103">Link 3</td>
</tr>
<tr>
<td height="260" colspan="6" background="images/bodybg.gif" bgcolor="#BEE4FF"><blockquote>
<blockquote>
<blockquote>
<p align="left" valign="top"><span class="style1">Welcome to</span></p>
<p><span class="redtext style3">Sadmir's Unique Web Solutions.</span></p>
<p align="left" class="style4">Whether you need a static, dynamic web page or a E-Commerce website for your small business, or just want a personal blog or forums website with design that moves at an affordable price, then Sadmir's Unique Web Solutions is the right place for you.</p>
</blockquote>
</blockquote>
</blockquote>
<p> </p>
</blockquote>
<div align="center"></div></td>
</tr>
<tr>
<td height="20" colspan="6"> </td>
</tr>
<tr>
<td height="59" colspan="3" background="images/bodysmall.gif"><blockquote>
<div align="center"><strong>Text</strong></div>
</blockquote></td>
<td colspan="3" background="images/bodysmall.gif"><div align="center"><strong>Text</strong></div></td>
</tr>
<tr>
<td height="259" colspan="3" background="images/bodyleft.gif" valign="top"><p> </p>
<blockquote>
<p><strong>How do I stop this image (background) from</strong></p>
<p><strong> repeating???</strong> ------------------------------------------->></p>
<p> </p>
<p>Without using CSS & with CSS</p>
<p>Thank you</p>
</blockquote>
<p> </p></td>
<td colspan="3" background="images/bodyleft.gif" valign="top"><p> </p>
<blockquote>
<p><strong>Text</strong></p>
<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
</blockquote> </td>
</tr>
<tr>
<td height="20" colspan="6"> </td>
</tr>
<tr>
<td height="133" colspan="6" background="images/footerbg.gif" bgcolor="#FCFAE6"><div align="center">Footer</div></td>
</tr>
</table>
</body>
</html>
Thank you Here is the code: <marquee behavior="scroll" scrollamount="1" scrolldelay="15" direction="up" width="250" height="87" style="font-family: Verdana; font-size: 9pt;"> <font color = #ffffff><h5> Komatsu NTC Ltd. Launches Special <br> Machining Center Promotion<br> </h5> <i>Promotion Ends December 6th.<br> To Learn More, Click </font><font color= #b8382d> NEWS. <href="news.html"></font></i> </marquee> Now, how do I have it stop at the last (and stay)? Thanks! here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. I have seen this many times but can not figure how to do it. Its the transparent images or text in text boxes, one example of this is http://au.movies.yahoo.com/Coming+Soon/to-cinemas/ At the top right you can see that transparent yahoo image in the text box and when you click it it disappears then comes back? can someone tell me how this works? Thanks Im trying to create a simple thing for my business. What im trying to do is have the image of each of my employees and under it have their name and other info. I want the images side by side with some space and able to put their info under it. Can someone help me with a html code? thanks! My client friend wants a links page with rollover emails that chage the main image of the page so he can have a different sketch of each of them. My idea, and its backfiring as I can do this if I change the email text into images with swap image and a target but he wants them to remain as copyable (mmm is that even a word?) text. Can it be done with text without making it an image? many thanks to all you wonderful people that make these sites possible jax This is my code and im trying to put <div id="background"> into a table so when the screen resolution is bigger or smaller it makes it fit like the rest of the page URL: http://mylocalmenu.co.uk/test.html HTML Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Find your local takeaway menu's here"/>
<meta name="keywords" content="my local menu, my local takeaway,local takeaway, local takeaways, Takeaway, Take away, takeaway, take away, food, kebab, donner, menu, Deal menu's, local menu's, local menu, local takeaway, deal, kent"/>
<meta name="author" content="Ashley Sargent"/>
<title>My Local Menu</title>
<meta charset="iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="advert.css" type="text/css" />
</head>
<body>
<div id="background">
<div class="freeadvertspace">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2350274685081572";
/* dclxvi add */
google_ad_slot = "6428215554";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<ul class="navigation">
<div class="navi">
<div id="header-content">
<div style="position: relative">
<li><a href="index.html">Home</a></li>
<li><a href="#">Locations A - H</a>
<ul>
<li><a href="#">Bedfordshire</a></li>
<li><a href="#">Berkshire</a></li>
<li><a href="#">Bristol</a></li>
<li><a href="#">Buckinghamshire</a></li>
<li><a href="#">Cambridgeshire</a></li>
<li><a href="#">Cheshire</a></li>
<li><a href="#">Cleveland</a></li>
<li><a href="#">Cornwall</a></li>
<li><a href="#">Cumbria</a></li>
<li><a href="#">Derbyshire</a></li>
<li><a href="#">Devon</a></li>
<li><a href="#">Dorset</a></li>
<li><a href="#">Durham</a></li>
<li><a href="#">East Ridings<br> Of Yorkshire</a></li>
<li><a href="#">Essex</a></li>
<li><a href="#">Gloucestershire</a></li>
<li><a href="#">Hampshire</a></li>
<li><a href="#">Herefordshire</a></li>
<li><a href="#">Hertfordshire</a></li>
</ul>
<li><a href="#">Locations I - S</a>
<ul>
<li><a href="#">Isle Of Man</a></li>
<li><a href="kent.html">Kent</a></li>
<li><a href="#">Lancashire</a></li>
<li><a href="#">Leicestershire</a></li>
<li><a href="#">Linconshire</a></li>
<li><a href="#">London</a></li>
<li><a href="#">Middlesex</a></li>
<li><a href="#">Norfolk</a></li>
<li><a href="#">North Yorkshire</a></li>
<li><a href="#">Northamptonshire</a></li>
<li><a href="#">Northumberland</a></li>
<li><a href="#">Nottinghamshire</a></li>
<li><a href="#">Oxfordshire</a></li>
<li><a href="#">Rutland</a></li>
<li><a href="#">Shropshire</a></li>
<li><a href="#">Somerset</a></li>
<li><a href="#">South Yorkshire</a></li>
<li><a href="#">Staffordshire</a></li>
<li><a href="#">Suffolk</a></li>
</ul>
<li><a href="#">Locations S - Z</a>
<ul>
<li><a href="#">Surrey</a></li>
<li><a href="#">Sussex</a></li>
<li><a href="#">Tyne And Wear</a></li>
<li><a href="#">Warwickshire</a></li>
<li><a href="#">West Midlands</a></li>
<li><a href="#">West Yorkshire</a></li>
<li><a href="#">Wiltshire</a></li>
<li><a href="#">Wirral</a></li>
<li><a href="#">Worcestershire</a></li>
<li><a href="#">Yorkshire</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">N/A</a></li>
<li><a href="#">N/A</a></li>
<li><a href="#">N/A</a></li>
<li><a href="#">N/A</a></li>
<li><a href="#">N/A</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
</ul>
</li>
</ul>
<table width="100%" height="100%" border="0" >
<tr>
<td height="8.5%" >
TOP
</td>
</tr>
<tr valign="top">
<td width="21.4%">
LEFT SIDEBAR
</td>
<td style="background-image: url('images/Main_Menu_Background.jpg'); background-position:;">
<td width="21.4%">
RIGHT SIDEBAR
</td>
</tr>
<tr>
<td height="15.5%" colspan="3">BOTTOM
<center><span>© Copyright © 2011.</span>
<span><a href="test.html">My Local Menu</a> all rights reserved</span></center>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Where "top" is i put <div id="background"> but it dosnt work it just dissapears, btw <div id="background"> is the top part of my website "My local menu" bit, i will also add the css code for it below. HTML Code: <table width="100%" height="100%" border="0" > <tr> <td height="8.5%" > TOP </td> </tr> <tr valign="top"> <td width="21.4%"> LEFT SIDEBAR </td> CSS CODE BELOW: HTML Code: #background{
background-image:url('../images/bg-page-top-curve.jpg');
background-repeat:no-repeat;
background-position:top center;
Hello, I have a small business with a website (http://www.232john.com). I created the website with Microsoft Publisher 2003. We produced a commercial about 1.5 years ago and would like to put it on the website. The problem is I don't know how, and really, if its at all possible. Also, the file may be too large, about 3 minutes long. I am thinking I would have to resize, or change the format somehow, but since I am quite new to this, I have no idea how to do that either. lol SO, anything anyone could do to help would be greatly appreciated. Thank you very much matthew Dear HTML senseis, I'm trying to make a "Previous | Next" link in the bottom center of the page, but what I get from this script is "Previous" in the bottom center, and "Next" below it instead of next to it. Here's what I'm using: <p style="text-align: center;"><a href="F:\Webcomic\TheEyeoftheWorld.html">Previous</a></p><p align="center" |</p><p style="text-align: center;"><a href="F:\Webcomic\TheEyeoftheWorld3.html">Next</a> Hi all, I'm a beginner with XHTML, creating my very first website, so please forgive me if this should be a stupid question: I crated a table with 6 colums. Each column has a border. I'd like to set the 1st column on the left side, and the other 5 columns without a space between them on the right side. But there is still space between them. What am I doing wrong?? By the way - the 5 colums on the right side contain pictures. They are supposed to be in the middle with the same distance around to the border - doesn't work either ... the picture stucks at the top - but at least horizontally in the middle ... HTML Code: <TABLE style="cellpadding:0; cellspacing:0; width:85em;">
<TR>
<TD>
<DIV style="float:left;
background-color:#f5f5f5;
border:1px solid #CC6699;
width:10em; height:5em;
text-align:left;">
<B>text</B>
</DIV>
</TD>
<TD>
<DIV style="float:right;
border:1px solid #CC6699;
width:10em; height:5em;
text-align:center;
vertical-align:middle;
display:table-cell;">
<IMG style="align:center;
width:9em;
height:4em;"
src="path"
alt="PICTURE">
</DIV>
</TD>
<TD>
<DIV style="float:right;
border:1px solid #CC6699;
width:10em; height:5em;
text-align:center;
vertical-align:middle;
display:table-cell;">
<IMG style="align:center;
width:9em;
height:4em;"
src="path"
alt="PICTURE">
</DIV>
</TD>
<TD>
<DIV style="float:right;
border:1px solid #CC6699;
width:10em; height:5em;
text-align:center;
vertical-align:middle;
display:table-cell;">
<IMG style="align:center;
width:9em;
height:4em;"
src="path"
alt="PICTURE">
</DIV>
</TD>
<TD>
<DIV style="float:right;
border:1px solid #CC6699;
width:10em; height:5em;
text-align:center;
vertical-align:middle;
display:table-cell;">
<IMG style="align:center;
width:9em;
height:4em;"
src="path"
alt="PICTURE">
</DIV>
</TD>
<TD>
<DIV style="float:right;
border:1px solid #CC6699;
width:10em; height:5em;
text-align:center;
vertical-align:middle;
display:table-cell;">
<IMG style="align:center;
width:9em;
height:4em;"
src="path"
alt="PICTURE">
</DIV>
</TD>
<TD>
<DIV style="float:right;
border:1px solid #CC6699;
width:10em; height:5em;
text-align:center;
vertical-align:middle;
display:table-cell;">
<IMG style="align:center;
width:9em;
height:4em;"
src="path"
alt="FLAG OF CHILE">
</DIV>
</TD>
</TR>
</TABLE>
Hi everybody! I'm doing a page and IE keeps putting more space in between table cells than I have specified. Here's the link: http://renewforest.com/test The page is basically a table in a div layer, I have made the table have a 2px cellspacing, it works great for the top 3 cells but puts a few pixels after these first 3 cells, destroying my nifty 2 pixel separation. Also, I have given some cells (the td.topfade attributed ones that is) some left and right padding, BUT NO TOP PADDING, yet Safari and Firefox both put in some padding on the top. Oddly enough, IE obeys the CSS'ed padding, huh. Any ideas? Thanks in advance! (Because this also deals with CSS I am posting this to the CSS section as well, if this is a big no no please let me know.) |
|||||||