By kingto on

hello,
I want my site show a teaser like: http://www.18wos.org/themes/ubiquity/1.PNG

but for now, my site doesn't show correctly, you can see: http://www.18wos.org/china-map-for-euro-truck-simulator
the title place is malposition, How can I solve css problem? thank you.

my css is: http://www.18wos.org/themes/ubiquity/style.css

⋅ Categories: Drupal 5.x

Comments

Anonymous’s picture

Anonymous (not verified) commented

First, your image is floated, so' it's out of the normal flow of the page, that's why the title of the next article is coming next to it.
You can solve this problem by assigning a min-height in your .ntype-china-map-for-ets div.
If you want the h2 title to be right next to your image and not above it, as it is now, the best solution is to create a view and change the order of the fields.(image, h2, submitted, content). Of course, you can achieve it using absolute positioning, but it's not very flexible.

kingto’s picture

kingto commented

Thanks for your help. yes, I want the h2 title to be right next to my image and not above it.
it css is:

.view-content-chinamapforetspage {border-bottom: 1px solid #BCD2E6;  }
.view-content-chinamapforetspage h3 {border-bottom: 1px solid #BCD2E6; }
.view-content-chinamapforetspage a img {
	float: left;
	margin-right: 7px;
	border: 4px solid #E8EBE8;
}

are there anything wrong with the css and cause the problem?

kingto’s picture

kingto commented

Thanks for your help. yes, I want the h2 title to be right next to my image and not above it.
it css is:

.view-content-chinamapforetspage {border-bottom: 1px solid #BCD2E6;  }
.view-content-chinamapforetspage h3 {border-bottom: 1px solid #BCD2E6; }
.view-content-chinamapforetspage a img {
	float: left;
	margin-right: 7px;
	border: 4px solid #E8EBE8;
}

are there anything wrong with the css and cause the problem?

ds1.jadhav@gmail.com’s picture

ds1.jadhav@gmail.com commented

HI ,

I want to design website like this , how can i develop it . which technology should i use

1. http://punebuilder.com/Shop/Home.aspx
2. http://www.indiafurnitures.in/Home

Thanks
deep