HTML/CSS help needed

Calibretto

Calibretto

VIP Member
Ok All I need is a simple line of code to indent post titles in my blog.

Here is what the titles look like now:

fe6f3462posttitle.png


Here is what I want it to look like:

c12acd2copyofpost.png
 
Calibretto said:
Yeah Mep!

I've used Firebug but never found what I was looking for still.
Click to expand...

Install firebug, inspect that part of the CSS and start tweaking it, you will find your answer

Give me your URL and I can see if I can figure it out. I don't even know CSS but firebug has taught me every thing i know so far, it is a MUST HAVE tool for anyone who wants to build a site
 
well it has to do with this part of your CSS

http://techolive.blogspot.com/2008/10/windows-vista-windows-me.html(line 142)

So whatever that page refers to your CSS I think it is there. I think you need to scale your olive to be bigger, and then adjust the alignment of the text to move over a few pixels

This is the line you'll need to edit in your main css

Code: 
h2.date-header {
background-image:url(http://pic.leech.it/i/066bd/55039f1posttitlef.png);
background-position:0 50%;
background-repeat:no-repeat;
line-height:435%;
margin:0 0 -4.5em;
text-indent:1cm;
vertical-align:bottom;
}
 
if ur useing raw css code then all u need to do is sumthing like:

img{float:left;}

that shoild make it so that the words below get moved up to the side of the image.
 
for something like this i would assign a classname to the parent element containing the image. then in the css set all of your coding to be consistent and re-use the same class every time you want to have an indented post. i would use margin spacing rather than floats, as floats remove the image and content from the flow of the document and can cause problems when viewed in different screen resolutions etc
 
You must log in or register to reply here.
Back
Top