HTML - Limited Repeat Code?

here's my site: gypsysphere.com

I'm trying to get the dates on the posts below to not repeat when they are multiple posts on the same day. Any ideas?

Here's the html:

<div class="datebox">
<div class="date"><?php the_time('d'); ?><?php _e('th'); ?></div>
<div class="month"><?php the_time('M'); ?></div>
<div class="year"><?php the_time('Y'); ?></div>
</div>

And CSS:

.datebox{margin-left:-50px;position:absolute; border-bottom:solid 1px #dcdcdc; margin-top:10px;}
.date{ display:block; width:40px; padding:2px 0px; font-size:17px; font-weight:bold; color:#f2f2f2; background:#222; text-align:center;border-bottom:solid 1px #666;}
.month{ display:block; width:40px; font-size:17px; font-weight:bold; color:#222; background:#cdcdcd; text-align:center; text-transform:uppercase;border-bottom:solid 1px #c5c3c3;}
.year{ display:block; width:40px;font-size:14px; font-weight:bold; color:#222; background:#e7e7e7; text-align:center;}

Thanks

Hi all, I'm new here and was hoping I could get some help. I am trying to make an image repeat right next to a first image.

Example:

img1, img2, img2, img2, img2, img2, img2, img2, img2, .....

Here's a better example using the drupal logo.

Say I needed to place this image at the top of my page:




and needed this one to go on the right of the first image and repeat over and over
(Horizontal only to the end of the page):



Any help is greatly apreciated, thanks in advance

I am trying to create a frame for a page content as shown in the attachment.

As you can see, each column has a pilaster (background which is not repeated) and actually a column which is repeated. Generaly I want to create a code which would work for a content of any length, so I want the columns to be repeated as many times as it is required automatically.

Here is what I tried to do. Of course, this does not work, otherwise I wont ask Do you have Ideas how to make it working?

HTML Code:

<table cellpadding=0 cellspacing=0 border="0">
<tr>
  <td colspan=3 style="background-image:url('top_beam.jpg');background-position:bottom;background-repeat:no-repeat;">
  </td>
</tr>
<tr>
  <td style="background-image:url('left_pilaster.jpg');background-position:right;background-repeat:no-repeat;">
  </td>
  <td rowspan=2>
	ACTUALLY THE CONTENT
  </td>
  <td style="background-image:url('right_pilaster.jpg');background-position:left;background-repeat:no-repeat;">
  </td>
</tr>
<tr>
  <td style="background-image:url('left_column.jpg');background-position:right;background-repeat:repeat-y;">
  </td>
  <td style="background-image:url('right_column.jpg');background-position:left;background-repeat:repeat-y;">
  </td>
</tr>
<tr>
  <td colspan=3 style="background-image:url('brick_floor.jpg');background-position:top;background-repeat:no-repeat;">
  </td>
</tr>
</table>

I have created a menu bar that runs horizontally along the top of my website (not as a frame) and repeats across every webpage.

I was just wondering if it was possible to insert some shorter code that referenced a text file that contained the menu bar code so that I would not have to put my menu code on every page.

I'm thinking something in CSS might do it, but I'm not sure.

Thanks.

how do you get music to repeat itself over and over.
and to auto play?



here is the code

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="13" height="13" allowNetworking="internal"> <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=97664201&flp=false" /> <param name="movie" value="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" quality="high" FlashVars="resourceID=97664201&flp=false" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <a href="/music/Linkin+Park"></a><a href="/music/Linkin+Park//Wake"></a>



problem is i dont know how to make it repeat
and i dont know how to make it autoplay


i would be very gratefull for any help given

Yeah, it's probably a real simple question but it's bugging the heck out of me.
I'm trying to design my first layout (hence why it looks so simple), but it's not working out.

Here's the layout: http://www.lifeschronicles.net/index_test_brown.html

I want the content boxes (pale brown) to run all down the page.

How do I do that?

Please help.

Edit: Ok I have finally realised what I need to do. So simple! Haha. Can ignore/delete this thread if you want to. Sorry guys!

I am trying to use two different repeat bg images for right and left side. I want them to repeat on 'x-repeat' coordinated and they are going to be on the right-left side of the .swf , Here is my code;

<html>
<head>
<title>SeanDon.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

body {
background-color: #aef0ff;
}

.leftRepeat
{
background-image: url( 'images/index_01.jpg' );
background-repeat: repeat-x;
}

.rightRepeat
{
background-image: url( 'images/index_03.jpg' );
background-repeat: repeat-x;
}

</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (SeanDon_web_illustration 950x650 b.ai - Slices: 01, 02, 03) -->
<table id="Table_01" width="950" height="650" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="30%" height="652" class="leftRepeat"> </td>
<td align="center" valign="top">
<div align="center">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="650" title="SeanDon">
<param name="movie" value="index.swf">
<param name="quality" value="high">
<embed src="index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="950" height="650"></embed>
</object>
</div>
</td>
<td width="30%" height="652" class="rightRepeat" ></td>
</tr>

</table>
<!-- End ImageReady Slices -->
</body>
</html>

I've been writing this xhtml/css page and ive run into a problem. It should be a bit confusing to explain but ill try. Basically i want a nav bar on the left side, one solid color going from top to bottom, and then text next to this. So i have a div tag for the nav bar that ive set with css to have a height of 100%. the text however, makes the page too big and thus it has to scroll. But when I scroll down the nav bar is gone. By that I mean it doesnt repeat past where I can see on the page before scrolling. How would i make the nav bar go ALL the way to the base of the page?

Hi I want to addd a image for background so i can postion it and not have it repeat : for for a table cell if u see my link below its the purple table cell that has the Bomboniere Adelaide as the heading i only want the background image in that cell - thanks in advance

http://weddingsmadeeasy.com.au/adelaide/Bomboniere.html

I have an image that serves as a text box. It includes a border (i.e., the border is part of the image, not HTML) and a background picture. The picture fades into a solid color at the bottom. This first image depicts the top, left, and right parts of the border.

(Here is the plan I first envisioned.) I have created a second image, one pixel tall, of what the rest of the box would look like, after which it would end in a similar 1px-high image of the border color. So, as the background of a div, is there a way to display one image, then have another image repeat indefinitely, followed by a third image?

Alternatively, is there a way to have the background be a simple repeated image, with another one on top of it? Then I could cap the bottom in a different div.

The most likely solution I have come up with is the following. Why don't I crop off the border and do that with HTML? That way, I have only to display one image, and the rest of the background can be a solid color. I don't know how to do this either, but it seems the most plausible.

Hi

I have tried a lot of things and search the internet for hours regarding this matter... My image background doesn't reapeat in Internet explorer however works fine in any other browsers such as google chrome and firefox. Can you please help me get this fixed? I am new to xhtml and css and really it's really frustrating having this kind of problem.


Thank you

Website Link: www.pjrazon.co.uk/newlayout/index.html

screenshots if it helps:





CSS:
@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
body {
background-color: #CCCCCC;
}

a:link { color: #ffffff;
text-decoration: none;
}
a:visited {text-decoration: none;}
a:hover {color: #b23937;}
a:active {text-decoration: none;}

#wrapper {
width: 1151px;
margin-right: auto;
margin-left: auto;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
}
#wrapper #logo {
height: 120px;
width: 1151px;
}
#wrapper #navigation {
background-image: url(../images/nav.home.gif);
height: 32px;
}
#wrapper #navigation #navlabel {
color: #FFFFFF;
padding-top: 5px;
padding-left: 125px;
}
#wrapper #navigation #navlabel #nav li {
display:block;
width:100px;
float:left;
list-style:none;
}
#wrapper #header {
height: 391px;
background-image: url(../images/welcome.jpg);
}
#wrapper #mainContent {
height: 384px;
background-image: url(../images/maincontent.jpg);
width: 1151px;

}
#wrapper #bodyArea #footer {
background-image: url(../images/footer.jpg);
height: 73px;
clear: both;
}
#wrapper #bodyArea {
background: url(../images/bg_bodyarea.jpg) repeat-y;

}
#wrapper #bodyArea #mainContent #content {
display:block;
width:400px;
float:left;
}
#wrapper #bodyArea #mainContent #contentwrapper {
padding-left: 140px;
padding-top: 70px;
}

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Perfect Vision</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="logo"><img src="images/header.jpg" alt="logo" /></div>
<div id="navigation">
<div id="navlabel">
<ul id="nav">
<li><a href="homepage.html">Home</a></li>
<li><a href="profile.html">Profile</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>

<div id="header"></div>

<div id="bodyArea">
<div id="mainContent">
<div id="contentwrapper">
<div id="content">
<p>August 10 2010</p>
<p>&nbsp;</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam semper turpis in tortor interdum sed mattis lectus mollis. Pellentesque laoreet quam et mauris feugiat sit amet eleifend turpis imperdiet. Praesent condimentum libero vitae massa imperdiet pellentesque. Vestibulum et risus dolor, ac tincidunt velit. Maecenas lobortis diam tellus. Suspendisse auctor, velit ut imperdiet semper, erat orci pharetra tortor, venenatis vulputate metus eros ut felis. Cras ullamcorper odio sed felis ornare ultricies. Phasellus porta adipiscing aliquet. Aenean ligula tellus, blandit a pulvinar in, fermentum a erat. Sed arcu nisl, porta eu vestibulum at, luctus sed tellus. Aenean eget quam justo, quis ultricies ante. Vivamus tempor sollicitudin augue ut rhoncus. Sed odio mauris, imperdiet ut elementum vitae, dapibus at quam. Nullam in aliquam sem. Fusce consectetur laoreet elit, non consequat nunc tempus nec. Cras at enim ipsum. Praesent ipsum purus, tempus non sagittis volutpat, fringilla eget mi. Maecenas sed elit est. Morbi facilisis purus eget nunc tincidunt iaculis mattis quam pellentesque. </p>
<p> Sed tortor leo, laoreet sit amet mattis a, fermentum in ligula. Sed tempor lacus a lorem fermentum fermentum semper nunc sagittis. Vivamus et est porta purus mollis cursus eget in ante. Sed lacinia, diam in tempor suscipit, turpis enim posuere turpis, sit amet vestibulum quam nulla id elit. Vivamus ultricies tempus mi, non consequat velit mollis id. Curabitur vehicula, turpis id tempor condimentum, sem nulla molestie enim, vel commodo metus ipsum non nisi. Aliquam erat volutpat. Fusce venenatis porttitor massa eget suscipit. Sed purus turpis, iaculis id sollicitudin id, vulputate sit amet velit. Suspendisse sed velit non tellus eleifend venenatis vehicula ut elit. Integer sit amet ullamcorper nulla. </p>
<p> Vestibulum dictum ante eu nisl ornare tincidunt. Etiam id risus mauris. Duis nec turpis in neque porttitor euismod sed id odio. Sed molestie urna a magna fermentum egestas. Nulla facilisi. Quisque risus neque, sodales pulvinar rhoncus a, lacinia eget neque. Vivamus vel malesuada nisl. Proin mollis tempor felis id dapibus. Morbi velit mi, aliquet sed malesuada et, blandit vitae eros. Nulla nec lorem quam, eu aliquam sapien. Quisque venenatis, enim non ultricies lobortis, lectus dolor consectetur nulla, eu tincidunt metus enim vitae libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent sit amet neque eu libero commodo condimentum. Fusce hendrerit diam sed libero lacinia nec adipiscing massa posuere. Pellentesque eget libero risus, eget venenatis metus. Morbi quis dolor enim. Cras orci orci, ultrices nec consectetur sed, auctor non leo. Aliquam nec sem erat. Nam ut nunc sed leo tempor pretium. Maecenas sit amet tortor a neque congue iaculis eu in ipsum. </p>
</div>
</div>
</div>

<div id="footer"></div>
</div>


</div>
</body>
</html>

Hello,

I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong.

Sample code I'm using -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Simple Link Example 2</TITLE>
</HEAD>
<BODY>

<H1 ALIGN="CENTER">Creating Relative Reference Links</H>

<HR>
<P>Open <A HREF="practice1.html">Practice 1</A>.</P>

<P> Open <A HREF="practice2.html">Practice 2</A>.</P>

<P>Open <A HREF="practice3.html" TARGET="_blank">
Practice 3</A> in a new window.</P>

</BODY>
</HTML>

Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night.

Thanks!
cordelia

I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum?

Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff.

Thanks.

Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream".

How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML?

Thanx!