|
HTML - Putting Text In A Specific Location?
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. Similar Tutorialshello people! so, i need some help with placing a table in a specific location in my website. please check it out here, www.tech-nuke.com. you will notice that there are a white blank space in the left side of the page, which i want to place a table there. and just for clarification, i want to place a table tag so the white empty area become independent (not really!) from its neighbor. i have been trying so hard to get something in that specific area but every time i missed up the desigen of the page. here is the html code of that part of the page: PHP Code: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="titlebg">مرحبا بكم في <?php bloginfo('name'); ?></td> </tr> <tr> <td valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!--Added: Latest forum topics --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">اخر مواضيع المنتدى</td> </tr> <td class="cell-h"> <? include('recent-topics.php'); ?> </td> <!-- Added: Remove for box 4 --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">احدث موضوع</td> </tr> <tr> <td class="cell-h"> <?php $recent = new WP_Query("cat=25&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <div class="cat-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="150" width="150" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div><?php the_content_limit(800, ""); ?> <div style="display:block; text-align:right;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--end added: remove for box 4 --> <tr> <td width="65%" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <tr> <script type="text/javascript"><!-- google_ad_client = "pub-6723104396625340"; /* 468x60, created 4/26/09 */ google_ad_slot = "7601118167"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <td valign="top"> <table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>1</p> --> <!-- Added: Remove to get box 1--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">++C</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=17&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--End Added: Remove to get box 1 --> </table> </td> <td style="border-left:1px dotted #999999;" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>2</p> --> <!-- Added: Remove to get box 2--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">برمجة الالعاب C++/SFML</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=25&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> is there a way to link to a location on a page like in the example below but instead of the link existing on the same page as the target location, the link exist on one page and points to a bookmark on another page? So for example, I want index.html to have a link that takes the user to chapter 4 of content.html (which is half way down the page) Code: <p> <a href="#C4">See also Chapter 4.</a> </p> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2><a name="C4">Chapter 4</a></h2> <p>This chapter explains ba bla bla</p> Hi there i was wondering if it was possible to click on an image that has been mapped and have it open another web page but at a specific location. for example i have a large image of the U.S. i would like to have a smaller image that is mapped to be able to jump to the larger image at that specific location like if i click the northeast porition of the U.S. on the small image i would like it to load the larger image at the northeast porition of the U.S. using just html if possible? thanks for any help. Trying to see if someone has a work around for this. I have a vbulletin forum with a shoutbox and I would like to move the shoutbox to a page outside of the forum. I did this before with an iframe when I had phpbb3 but have not been able to do this with vbulletin. I now have the shoutbox on an external page but it still contains the header and footer and I have not found a way to remove these. I just need the actual shoutbox approx 730px by 350px. Is there a way to pull only the specific area of a page to another page? *****Edit Resolved ********* I'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>
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 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! Hello there, I am trying to find code to accomplish one little task. I want specific text to show up when one hovers over a button. Not clicking it, but hovering over. Like the ESPN tourny bracket page...hover over any team abbreviation to see full team name. Example Any help would be greatly appreciated. Thanks, Lorne 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;
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> Hey, I'm wanting to know how to place videos on a webpage that are personal to the website, in other words.. not a YouTube video. Like this for instance: http://www.stomperblog.com/darrin-mi...al-case-study/ How can i set up a video like this on a website? Do i need a certain program? Thanks! 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>
I am failry new to html and I need some help. I have a link on a page. When it is clicked I want another page (which is basically made up of a small 2X3 table) to appear on the same page as the link. I am trying to do this without using frames as they are becoming depriciated. so im trying to put a slide show in the div overly...im putting it in the right section but when i view my profile its right in the middle of the page overlapping writing etc.. how do i get it so its under that heading i put it up instead of it center? heres my code ABOUT ME: <style> body table {margin-top:-50000px;}body td table, body div table {margin-top: 0;}table, tr, td {background-color:transparent;}body div table form{display:none;}body table div form{display:block;}div table td font {visibility:hidden; }a.navbar:active, a.navbar:visited, a.navbar:link { display:none;}a.navbar:hover { display:none; }.navbar {visibility:hidden; display:none;} .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} table tr td div font {display: none;} body div table td form {display:none!important;}table, td, tr{ background-color:transparent;}td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}td.text embed {width:260px; height:38px;}td.text embed, td.text object {width:260px; height:38px;} h1 { font-family: Time New Roman; font-size: 20pt; color: ffffff; font-weight: normal; border-bottom: 3px double; border-color: ff3399; text-align: right;} h2 { font-family: Time New Roman; font-size: 20pt; color: ffffff; font-weight: normal; border-bottom: 3px double; border-color: ff3399; text-align: left;} b { color: fff; font-weight: bold; text-transform: none;} i { color: fff; font-style: italic; font-weight: normal; text-transform: lowercase; } u {font-family: Arial; font-size: 11pt; color: fff; text-decoration: underline; border-bottom: 1px solid; border-color: ff3399;} strike { font-size: 10pt; color: fff; font-style: strikethrough; } big, small { color: fff;} textarea, select, input { font-family: Arial; color: fff; background-color: ff3399; border: 1px solid fff; letter-spacing: -1px; } blockquote { background-color: transparent; border: 1px solid; border-color: ff3399; padding: 5px;} body { background-color: 000000; background-image: url("http://cbimg6.com/layouts/08/08/30432aa.jpg"); background-repeat: repeat-y; background-position: center; scrollbar-face-color: ff3399; scrollbar-arrow-color: fff; scrollbar-track-color: 333; scrollbar-shadow-color: 000; scrollbar-highlight-color: 777; scrollbar-3dlight-color: fff; scrollbar-darkshadow-color: 000;} .navi:link, .navi:active, .navi:visited { font-family: Verdana; font-weight: normal; font-size: 8pt; color: ffffff; text-transform: uppercase; text-decoration: none; background-color: ff3399; display: block; text-align: center;} .navi:hover { font-family: Verdana; font-weight: normal; font-size: 7pt; color: ff3399; text-transform: uppercase; text-decoration: none; background-color: ffffff; display: block; text-align: center;} a:link, a:active, a:visited { font-family:Arial; font-weight: normal; font-size: 11pt; color: ff3399; text-transformation: none; text-decoration: none; background-color: none;} a:hover { font-family: Arial; font-weight: normal; font-size: 11pt; color: ffffff; text-transformation: none; text-decoration: none; background-color: ff3399;} .right {position: absolute; top: 380; left: 50%; margin-left: -143px; height:; width: 563; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;} .left {position: absolute; top: 375; left: 50%; margin-left: -365px; height:; width: 170px; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;} .base {position: absolute; top: 0px; left: 50%; margin-left: -497px;} </style> WHO ID LIKE TO MEET? <div class="base"><img src="http://cbimg6.com/layouts/08/08/30432ab.jpg" /></div> <div class="right"> <h1>Spotlight on me.</h1> <center><br /><img src="http://i31.tinypic.com/116nhwy.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br /></center> Best daughters in the world; <b>Allie & Stephie</b>, <u>my kids</u>; Steps Dance studio (Hip Hop Instructor) is the job; I am a dancer - i live it love it am it; dancing is a very big apart of my life that and i want to pass that same love to my girls ; Merced College is the school Nursing is the major; i <b><u>LOVE</b></u> anything PINK; I ♥ my girls; I ♥ my friends; I ♥ beer; I ♥ drinking at applebees; I ♥ Rap & R&b; I ♥ late nights; I ♥ romance movies ; I ♥ A Walk to Remember; I ♥ Tattoos; I ♥ coors light; I ♥ the RAIDERS; I ♥ my bff amanda always; I ♥ Mac Make-up; I ♥ getting my nails done; I ♥ drinking @ La Ha 2 haha<br /><br /><br /> I hate people who lie; I hate cheaters; I hate broken promise's; I hate caring so ****in much; I hate having a big heart; I hate fights; I hate onions and mushrooms; I hate clowns; I hate traffic; I hate dark beer; I hate tomatos; and that sums me up in a nut shell body <h1>Welcome To the Show.</h1> <img src="http://i38.tinypic.com/11kgl8m.jpg" align="left" /><b>Name:</b> Kelley Kellz<br /> <b>Age:</b> 24<br /> <b>Location:</b> merced; califoRnia.<br /> <b>Status:</b> call it what you want.<br /> <b>Occupation:</b> dance instructor; school.<br /> <br /><br /> <br /><br /><br /> <h1>Backstage Pass.</h1> <p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="320" width="426" style="width:426px;height:320px" data="http://widget-af.slide.com/widgets/slideticker.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://widget-af.slide.com/widgets/slideticker.swf" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="l" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="cy=ms&il=1&channel=2666130979412675759&site=widget-af.slide.com" /> </object> under "backstage pass" thats where i want the slideshow but it wont put it under there nor under the "welcome to the show" area what am i doing wrong? 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.) 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 I try to put 2 Objects (probably the wrong word) in a line. I tried div, float and span. I think i just used them in the wrong Way, so may someone here can help me out? Code: <?if($CHAT_BOX$)?> <div class="boxContent" style="width: 50%;"> <div align="center">$CHAT_BOX$<?endif?> <?if($MYINF_5$)?> <div class="boxContent" style="width: 50%;">$MYINF_5$</div> </div> </div><?endif?> Thats the Code, its always Displayed $CHAT_BOX $MYINF_5$ i want it to be $CHAT_BOX $MYINF_5$ ------------------------------------ I try to put 2 Objects (probably the wrong word) in a line. I tried div, float and span. I think i just used them in the wrong Way, so may someone here can help me out? Code: <?if($CHAT_BOX$)?> <div class="boxContent" style="width: 50%;"> <div align="center">$CHAT_BOX$<?endif?> <?if($MYINF_5$)?> <div class="boxContent" style="width: 50%;">$MYINF_5$</div> </div> </div><?endif?> Thats the Code, its always Displayed $CHAT_BOX $MYINF_5$ i want it to be $CHAT_BOX $MYINF_5$ hi all i am attempting to build my first forum and am having a little trouble. http://hvg.ucoz.com i have made up a picture for a header for my forum which works fine but i am unable to work out how to put links on the picture itself i can only get them to go over or under it. the txt on it at the moment i have put on there in paint (no supprise that doesnt work) its more for you to be able to see what i am trying to do this is what i have got at the moment, i have deleted everything as i was making a mess not knowing what i was doing. <img src="http://asif-clan.ucoz.com/Top_Background-finished-.png" border="0" alt="" style=""> thanks for any help in advance its appreciated 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> |
|||||||