Small modifications in CSS + image question

50 Posts

Soreng Reply #1, 18 years, 11 months ago

Hi everyone,

Can anyone help me with this... It is some simple questions on how to make a couple of adjustments. The template is ModxHost.

The screenshots contains the questions and makes it easy to understand. Please have a look (it’s not much).

THANKS in advance for any help I can get - I’m going blind from looking too much at the same page(s)

Cheers,
Soren

535 Posts

empiguet Reply #2, 18 years, 11 months ago

use Firebug to select the appropriate element and alter the css live.

try something like :

img { border:0; }

CTRL+SHIFT+U - Clear Cache
CTRL+SHIFT+H - Hiding Heft Panel
CTRL+SHIFT+N - Fast Create Resource
CTRL+ALT+P - Preview Recource (in edit resorce window)
CTRL+ALT+S - Save

4,205 Posts

dev_cw Reply #3, 18 years, 11 months ago

Yes, the dotted line is a img style in the css.

img {
	border: dotted 1px #444444;
}

The position of the content is controlled with:

#inner{
	width:100%;
	padding-top:143px;/*needed to make room for header*/
}

Also, as manu said, firebug or the web developer toolbar for firefox are the best tools to help discover these problems, as well as being handy tools to help debug css issues.

[font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

Something is happening here, but you don't know what it is.
Do you, Mr. Jones? - [bob dylan]

50 Posts

Soreng Reply #4, 18 years, 11 months ago

THANK YOU both! I really appreciate your answers and it is working

Cheers,
Soren