how to make a br with images link to posts after header

[mazzo]

aaah, just add this above your images code then:

<h2 class="widgettitle">Latest realese</h2>

add this to your style.css

.widgettitle {
background: url("http://www.besthostingforums.com/images/h2bg.png") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
font-family: Arial,Helvetica,Sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: -8px -8px 0;
padding: 8px;
text-shadow: 0 1px 0 #000000;
text-transform: uppercase;
}

play around with the style to make it fit.

something wrong !

[dljawed]

WOW RT you r really pure owsumness!!!

[mazzo]

WOW RT you r really pure owsumness!!!

ur code i have put in index.php
and add RT code
http://www.besthostingforums.com/1610243-post10.htm
but it

[RT]

.widgettitle {
background: url(images/h2bg.png) repeat-x scroll 0 0 transparent;
color: #FFFFFF;
font-family: Arial,Helvetica,Sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: -2px -8px 0;
padding: 10px;
text-shadow: 0 1px 0 #000000;
text-transform: uppercase;
}

Paste this one, clear the cache. Do the other code changes I posted as well.

http://i.imgur.com/gpFXf.png

[mazzo]

.widgettitle {
background: url(images/h2bg.png) repeat-x scroll 0 0 transparent;
color: #FFFFFF;
font-family: Arial,Helvetica,Sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: -2px -8px 0;
padding: 10px;
text-shadow: 0 1px 0 #000000;
text-transform: uppercase;
}

Paste this one, clear the cache. Do the other code changes I posted as well.

http://i.imgur.com/gpFXf.png

other code changes means
this code in the INDEX.PHP

<h2 class="widgettitle">Latest realese</h2>
<ul><li><a href="POST LINK"><img src="IMAGE LINK" alt="TITLE"></a></li><li><a href="POST LINK"><img src="IMAGE LINK" alt="TITL"></a></li></ul>

????
and i want the images next to each other
and

sorry for my many question but i'm a beginner in wordpress
hope u don't get bored of me

[RT]

This one:

edit your screen.css file:

line 147, change

ul {
list-style-type: disc;
}

to:

ul {
list-style-type: none;
}

to remove that dot.

Add this to your style.css file:

#content li {
float: left;
margin: 20px 22px 0px -22px;
}

then go to .post (around like 201) and add clear: both; there, you'll end up with this:

.post {
border-bottom: 1px solid #DDDDDD;
clear: both;
padding-bottom: 15px;
}

result: http://i.imgur.com/F4Xpz.png


Edit: -----------------------------------------
TO add the background, do this as well:

change the code on the index from <ul><li> to <ul class="name"><li> - then add this code to your style.css

.name {
background: none repeat scroll 0 0 #D6DFE8;
display: block;
height: 181px;
margin: -2px -8px;
}

and change #content li with this one:

#content li {
float: left;
margin: 20px -2px 0 5px;
}

result: http://i.imgur.com/n4xzz.png

[mazzo]

perfect 100%
thnx alot rt
thank u very much thank u very much
and thank u dljawed for ur code

[RT]

No problem.

[dljawed]

yo bro as i said where RT come, thr no more left any confusions or issues
your welcome !

[mazzo]

but RT small problem
comments box width decrease !

as i use css for replies and put it into style.css from this link
here's the file PMed u with it
plz correct it