By kingto on

Hello,

I'm not good at div and php,
well, i started to build a new website today, there is a simple issue but i can't solve,
please look at the wrong.png, it clearly shows what issue i'm facing.
http://174.37.177.108/~hkpk/sites/default/files/wrong_0.PNG

and the correct position should like this: http://174.37.177.108/~hkpk/sites/default/files/correct_1.PNG
as you see, there are two blank rows spoiling my layout,

the website is in here: http://174.37.177.108/~hkpk

what should i do? and is anyone can tell me how i can rewrite this codes in div, not using table, thanks a lot.

⋅ Categories: Drupal 6.x

Comments

nevets’s picture

nevets commented

Instead of re-writing the theme to change from tables to divs, I would suggest looking at Quickstart Links for Drupal 6 themes and also consider starting with on of the starter themes, picking one that is close to what you want.

As for the space, using Firebug (a Firefox extension) or the Chrome developer tools allows you to examine the html and applied css. In your case part of the issue is the tables and the fact they all have 1em top and bottom margin applied.

kingto’s picture

kingto commented

thanks, the issue has been fixed.
well, i've got a new problem now,

there is a small blank area on the left site of the views-field-title, as you can see at:
http://174.36.189.52/sites/default/files/wrong_0.PNG

the correct display should be like this: http://174.36.189.52/sites/default/files/correct_1.PNG

css codes are as follows:

.views-field-title ul {
	list-style-type: none;
	float:left
}

.views-field-title li {
	list-style-type: none;
	
}

.views-field-title {
	background-image: url('http://www.qiyeyouxiang.net/themes/mailnet1/images/dot.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	color: #666;
}

so, what does it cause from? thanks
the website is at http://174.36.189.52

nevets’s picture

nevets commented

I would guess you are looking at the padding-left. Firebug, a Firefox extension, is a great way for inspecting the HTML and the applied css.