PDA

View Full Version : Backround Repeat??


Rebecca!
07-01-2008, 04:46 PM
http://www.freewebs.com/samplestmg/index.html

I'm working on this lyt, but I can't figure out the whole backround repeat thing. I want it not to go left to right with more text, but up and down. I'm new to divs, so yeah.

<div style="position:absolute; left:190; top:277; width:427">

I know it isn't supost to say absolute, but don't know what is supost to take it's place. >.< Please help.

&&SELENA
07-01-2008, 04:48 PM
im not sure what you're trying to do with this div, but you just add

background-repeat:repeat-y;

inside the quotation marks to make your background repeat going up and down.

Rebecca!
07-01-2008, 04:57 PM
im not sure what you're trying to do with this div, but you just add



inside the quotation marks to make your background repeat going up and down.

It didn't work. :( This is the code:


<div style="position:absolute; left:0; top:0;">
<title>Trymegraphics.com; thank you for visiting!!!</title>

<div id="container">
<div id="banner">
<img src="http://i32.tinypic.com/8vyy6u.png">
</div>

<div id="left">
<div style="position:absolute; left:6; top:267; width:175">
text here
</div>

<div id="main">
<div style="position;absolute" left:190; top:277; width:427">
text herejjkklsdajfdksa;jfkldsajfkldsa.jfklsa;jskdajfl; ksjfksld;ajkfdsaj;fkldjas;fkdjaklfjdsakfjdskajfdks ;ajfkdkddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddddd dddddddd

<body background="http://i27.tinypic.com/154yqag.png">

What I want is the header, then the backround (http://i27.tinypic.com/154yqag.png) to repeat going down following it.

McNugget
07-01-2008, 05:12 PM
You can do it with CSS, too. I find it much easier. But here is the code:
<div style="position:absolute; left:190; top:277; width:427; background-image:url(IMAGEURL); background-repeat:repeat;">

vasilios
07-01-2008, 07:54 PM
You'll have to replace the XXX's with the positions.


<html>
<head>
<title>Trymegraphics.com; thank you for visiting!!!</title>
<style type="text/css">
* { margin: 0; padding: 0; }
body {
background: #a5a5a5 url(http://i27.tinypic.com/154yqag.png) repeat-y;
font: 12px/1.6 Arial, Verdana, Tahoma, Sans-Serif;
}
#logo, #sidebar, #content { position: absolute; }
#sidebar, #content { padding: 5px; }
#logo {
top: 0;
left: 0;
}
#sidebar {
top: XXXpx;
left: XXXpx;
width: XXXpx;
}
#content {
top: XXXpx;
left: XXXpx;
width: XXXpx;
}
</style>
</head>
<body>

<!--- begin #logo --->
<div id="logo"><img src="http://i32.tinypic.com/8vyy6u.png" alt="" /></div>
<!--- end #logo --->

<!--- begin #sidebar --->
<div id="sidebar">
<h1>Sidebar</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc non nulla! Quisque id turpis. Vestibulum sed neque. Proin felis. Mauris ante lectus, condimentum eget, dictum in, tristique non, diam. Sed pretium nisi et turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean in sapien? Donec non eros. Fusce laoreet. In ultrices placerat nibh. In et diam eu nisi commodo adipiscing? Maecenas imperdiet. Proin rutrum dui quis enim. Aliquam dui. Maecenas sit amet lorem nec ligula venenatis consequat. Ut lobortis augue quis massa? Maecenas convallis turpis ac dui. Etiam erat! Phasellus eu urna.</p>
</div>
<!--- end #sidebar --->

<!--- begin #content --->
<div id="content">
<h1>Content</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse scelerisque dignissim lacus. Vivamus turpis dolor, hendrerit vel, aliquam quis, dignissim nec, quam. Morbi massa diam, imperdiet at, interdum eget, convallis at, lectus. In lacinia consectetuer risus? Suspendisse ullamcorper nisl ut orci. In eleifend condimentum nunc. Pellentesque at lacus in libero condimentum venenatis. Morbi vel risus. Nam viverra orci et turpis. Nullam iaculis pulvinar justo. Vestibulum ultrices dui at eros! Cras euismod commodo quam. Duis accumsan ullamcorper sem. Nam scelerisque bibendum neque. In sit amet mi eget ipsum gravida tempus. Ut ac lectus sit amet enim blandit sollicitudin. Duis vel mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi eget enim at metus congue euismod. Phasellus blandit dui at diam.</p>

<p>Fusce ut elit. Phasellus faucibus? Vivamus sit amet purus ut dui aliquet aliquet! Quisque condimentum metus pharetra neque. Donec quis dui in enim rhoncus auctor. Vivamus quis nisi. Fusce at neque sit amet pede sodales blandit. Phasellus pede urna, ornare nec, sollicitudin sed, sodales at, justo. Morbi arcu? Maecenas ut tortor. Aenean egestas ligula nec sem. Sed justo lectus, porta ut, euismod at, rhoncus at, nulla! Nam nec ante. Nam leo orci, condimentum et, bibendum sit amet, consectetuer eget, nunc. Nunc porta. Etiam tincidunt dignissim turpis. Maecenas nec leo at pede dignissim accumsan. Mauris ullamcorper diam sit amet nisl. Proin cursus nisl eu dolor. Quisque lectus.</p>

<p>Fusce condimentum interdum lectus! Morbi eget risus sit amet massa placerat tempus. Nulla venenatis consectetuer massa. Vestibulum vel magna at nulla elementum sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed blandit blandit diam. Phasellus rutrum bibendum est. Sed sollicitudin. Etiam fringilla, nibh in tristique luctus, nisi libero placerat lectus, vitae aliquam orci ipsum id nisl. Aenean pede metus, pulvinar at, congue sit amet, convallis at, diam. Pellentesque tempor diam nec mi. Donec ullamcorper erat in felis. Aliquam hendrerit; enim vitae semper commodo, erat justo eleifend quam, at malesuada enim erat quis metus. Nam vitae lorem. Morbi eget tellus nec enim porttitor facilisis. Morbi porttitor bibendum ipsum. Sed eget risus. Mauris viverra elit at dolor.</p>
</div>
<!--- end #content --->
</body>
</html>