I can't seem to figure how to code this one part of this site I'm making to make it look the way I want it to. Currently the part I'm working on looks like this:
<!-- ==========================MAIN CONTENT BELOW=============================== --> <h1>Welcome</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p> <p>?????????????????????????????????? ???????????????????????? ???????????? ??????????????????????????????</p>
<!-- =================NEWS PAGINATION BELOW============ --> <div id="submain"> <h1>News: Site Online</h1> <p>?????????????????????????????????? ??????????????????????? ????????????? ???????????????????????????????????? ?????</p> <h1>???????</h1> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </p>
do you mean at the bottom there is 2 divs, one that has an image "hold on to me" and the other div is below that? do you mean you want to change it so that they are next to each other?
plus, giving us a link helps as well, we can then see the code, and the images and we can try and see the problem, having the code but not the images does not help us help you.
I will look over the code and hopefully see something
EDIT: if you want your honour & feature div blocks to be the same, as in size, width, text colour, size, font-family, etc, then I would only have one class and use it for both blocks.
but I changed these two code snippets.... based on what I think was your problem:
Here, I've uploaded what I've got done so far: http://siephed.org/47/index.html
And yeah, I want the two boxes to be side by side. They're going to be different, aside from size, which is the reason why I have different CSS for the two. I just got lazy and copied and pasted, and just add and change accordingly. XP
I also can't figure a way to get the white part background to stretch the way I want it to in IE and Mozilla. But if I can't get it to work in both, then I'll settle for IE since the site is intended for Chinese visitors, and people in here in China tend to use IE more than FF. Can't for the life of me understand why though.
Here, I've uploaded what I've got done so far: http://siephed.org/47/index.html
And yeah, I want the two boxes to be side by side. They're going to be different, aside from size, which is the reason why I have different CSS for the two. I just got lazy and copied and pasted, and just add and change accordingly. XP
I also can't figure a way to get the white part background to stretch the way I want it to in IE and Mozilla. But if I can't get it to work in both, then I'll settle for IE since the site is intended for Chinese visitors, and people in here in China tend to use IE more than FF. Can't for the life of me understand why though.
I changed the code for honour & feature in my last post, it works with FF, ramesh has done roughly the same, although I never took anything away from your code, in case it is needed for something you have in mind
^ The one on the site hasn't changed yet before, because between both your posts, I haven't been able to come online. But, anyway, the positioning finally works~ Thanks! But I'm still stuck with this problem when I open it in FF. You can see that the white part doesn't stretch the way it's supposed to.
ramesh, you need to give people time to get on with their life, they will code when they got time, or ask back when they can't do it.
@siephe, you do need to clear the floats, your featured & honour are floated, so you need to clear these.
you could do it with inline CSS, by adding this line of HTML after the div after the table: <div style="clear:both"></div>
or you could add a clear class to your CSS like so: .clear { clear:both; }
and your HTML should look like this: <div class="clear"></div> although I like to add a comment into it like so: <!-- force for IE --></div> I noticed a problem with a line I made and it never worked in IE without something in the div, so a comment done the job to force IE to behave
New problem, but I figured it'd be better than starting a new thread.
http://siephed.org/47/
At the bottom of the white space... The two columns just won't position right. They were fine before, but then somehow when I tried to change the image code, it turned out like this. I tried changing the CSS back to the way it was before I edited it, but it's still stuck like this.
New problem, but I figured it'd be better than starting a new thread.
http://siephed.org/47/
At the bottom of the white space... The two columns just won't position right. They were fine before, but then somehow when I tried to change the image code, it turned out like this. I tried changing the CSS back to the way it was before I edited it, but it's still stuck like this.
Does anyone know what's wrong?
You have a huge margin set on that left side div? Positioning elements with margin and padding is going to cause you some huge problems...
Is there any reason why you are using that much margin?
It's cause I was trying to get it to look the way I wanted it to without really knowing what the heck I was doing. It ended up the way I wanted to before, so I left it the way it was.
It's cause I was trying to get it to look the way I wanted it to without really knowing what the heck I was doing. It ended up the way I wanted to before, so I left it the way it was.
Ahh the struggle! :D How would you like it to look? with the shout box and other box next to each other?
With the shoutbox right underneath the picture, and the section on the right the same width as the shoutbox section, and nice and neat next to the picture.
http://img147.imageshack.us/img147/8752/currentza9.th.jpg
What I want is for it to look like this:
http://img8.imageshack.us/img8/5429/wishfulthinkingik7.th.jpg
The HTML code that I have for it so far is:
And the CSS:
Any ideas? I'd appreciate the help... Cause it's sort of urgent... >< Thanks in advance!
do you mean at the bottom there is 2 divs, one that has an image "hold on to me" and the other div is below that?
do you mean you want to change it so that they are next to each other?
plus, giving us a link helps as well, we can then see the code, and the images and we can try and see the problem, having the code but not the images does not help us help you.
I will look over the code and hopefully see something
EDIT: if you want your honour & feature div blocks to be the same, as in size, width, text colour, size, font-family, etc, then I would only have one class and use it for both blocks.
but I changed these two code snippets.... based on what I think was your problem:
http://siephed.org/47/index.html
And yeah, I want the two boxes to be side by side. They're going to be different, aside from size, which is the reason why I have different CSS for the two. I just got lazy and copied and pasted, and just add and change accordingly. XP
I also can't figure a way to get the white part background to stretch the way I want it to in IE and Mozilla. But if I can't get it to work in both, then I'll settle for IE since the site is intended for Chinese visitors, and people in here in China tend to use IE more than FF. Can't for the life of me understand why though.
.featured {
text-align: justify;
width: 40%;
border: 0px solid #000;
float:left;
}
.honour {
float: left;
text-align: justify;
border: 0px solid #000;
}
I changed the code for honour & feature in my last post, it works with FF, ramesh has done roughly the same, although I never took anything away from your code, in case it is needed for something you have in mind
if you go here and check the css file http://siephed.org/47/style.css
http://img518.imageshack.us/img518/7233/currentvq8.th.png
I'm not really great with CSS... I'm still stuck on my medieval love of tables. ><
<div style="clear:both;"></div>
ramesh, you need to give people time to get on with their life, they will code when they got time, or ask back when they can't do it.
@siephe, you do need to clear the floats, your featured & honour are floated, so you need to clear these.
you could do it with inline CSS, by adding this line of HTML after the div after the table:
<div style="clear:both"></div>
or you could add a clear class to your CSS like so:
.clear
{
clear:both;
}
and your HTML should look like this:
<div class="clear"></div>
although I like to add a comment into it like so: <!-- force for IE --></div> I noticed a problem with a line I made and it never worked in IE without something in the div, so a comment done the job to force IE to behave
good luck
glad its all worked out for you.
good luck with the project
http://siephed.org/47/
At the bottom of the white space... The two columns just won't position right. They were fine before, but then somehow when I tried to change the image code, it turned out like this. I tried changing the CSS back to the way it was before I edited it, but it's still stuck like this.
Does anyone know what's wrong?
You have a huge margin set on that left side div? Positioning elements with margin and padding is going to cause you some huge problems...
Is there any reason why you are using that much margin?
Ahh the struggle! :D How would you like it to look? with the shout box and other box next to each other?