Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
styling the bottom border with an image (resolved)
since there’s no tag for bottom-border-image in css2(will be in css3 i read), how do you change the appearance of the bottom border with a custom image to seperate blog posts?
Last edited by mrtunes (2007-03-25 11:01:03)
Offline
Re: styling the bottom border with an image (resolved)
YourDiv{
background-image: url(/path/to/image.gif) repeat-x bottom left;
}Last edited by mrdale (2007-03-24 16:56:33)
Offline
Re: styling the bottom border with an image (resolved)
mrdale wrote:
bc.. YourDiv{
background-image: url(/path/to/image.gif) repeat-x bottom left;
}
hi thanks for responding. i tried this out on the #center div which is where my main blog content is and i had no luck. on one try it even pushed the footer into the top of the main content area.
background-image: url(/textpattern/txp_img/swave.jpg) repeat-x bottom left;
height: 10px;
i’m modding the kubrick theme and when i rollover the current border/seperator in between blog posts it tells me that it’s coming from the #center div with a sub of div-> img.divider
but i dont see a value for img.divider in my css.
Last edited by mrtunes (2007-03-24 23:59:58)
Offline
Re: styling the bottom border with an image (resolved)
url please
Offline
Re: styling the bottom border with an image (resolved)
mrdale wrote:
url please
you mean url to the site in question or the image? the site is on a test thing that i’m constantly dinking around with so showing a link to that wouldnt be of much use. the url to the image i did verify is correct by getting it to show up in some way or another. just not in the place i want it to show up.
just to be clear, regardless of templates there is this line on the default page and style too that i cant see showing up in the css anywhere as any sort of bottom border that seperates blog posts. i want to remove that and replace it with the image.
am i missing some sort of css code like
article_list p {
background-image….
}
???
my main page is pretty much the default txp blog page if that helps.
<!— center —> <div id=“center”> <txp:article />
<txp:if_individual_article>
<p><txp:link_to_prev><txp:prev_title /></txp:link_to_prev>
<txp:link_to_next><txp:next_title /></txp:link_to_next></p>
<txp:else />
<p><txp:older>Previous</txp:older>
<txp:newer>Next</txp:newer></p>
</txp:if_individual_article>
</div>
EDIT: I fixed it all in the default Form;
<txp:comments_invite wraptag=“p” />
<div><img src=”<txp:site_url />images/swave.jpg” width=“400” height=“50” class=“divider” alt=”—-” title=”“ /></div>
Last edited by mrtunes (2007-03-25 11:00:46)
Offline
Re: styling the bottom border with an image (resolved)
problem solved?
Offline
Re: styling the bottom border with an image (resolved)
mrdale wrote:
problem solved?
hah yeah – i discovered that the divider was being placed by the form instead of it coming from the page or the style. so once i saw the default form and how it used 1.gif as a divider, i was able to swap that with my image.
Offline