[RESOLVED] My Code is Finally Complete!

HTML & CSS
61

Is there a way to match the same margins on this one to the one that uses float, the inline css one?

62

Hmmm, looking for this?

Change the design with CSS

You can also personalize your blog’s appearance by using cascading style sheets (CSS).

To add custom CSS snippets to your template:

Sign in to Blogger.
Select the blog to update.
In the left menu, click Template.
Under Live on blog, click Customize.
In the left menu, select Advanced > Add CSS.
Add your code.
On the top right, click Apply to blog.

3 Likes
63

I have my page perfect, and I don’t want to mess anything up on it. And the spot where it’s going to go has to fit exact, and I’m not messing it up. That’s why I asked if the same margins can be added to the inline css one that uses float. Code 2.)

64

Now I’m confused. If you think it’s perfect, why would you want to change anything?

I hope I’m misinterpreting.

But it seems to me you are “dancing” around the truth.

i.e. What you want is others here to help you with

  • invalid code
  • difficult to maintain code
  • difficult to debug code
  • difficult to work with code
  • code that is prone to being broken / becoming broken

Despite the various reasons you have offered for your obstinateness, I have the feeling the reality is you do not understand basic HTML or basic CSS and because you do not want to learn the basics you want help with the many problems inherent with such lack of knowledge, thinking that patching up wrong code would be easier than writing proper code.

It should be becoming obvious to you by now that if you had followed the advice offered to you many posts ago and many posts since. that these problems would now be non-existent.

5 Likes
65

If you’re unable or unwilling to learn to do it properly then your best bet would probably be to edit the inline styles you have and remove the left margin from the squares on the left, and the right margins from the squares on the right.

2 Likes
66

How come the 1st code and the 2nd code both have a 4 margin space between them, but the 2nd code has a margin:0 2px, which equals 4 margin visually, but that one doesn’t fit?
http://newtest180.blogspot.com/

67

I’ve already explained that. The code puts 2px margin on either side of each square, giving a 4px separation between them, and 2px margin on either side of the rows.

68

As was stated in previous threads,

The first code, http://www.cssdesk.com/DQJFx2, does not have 4px of space between the squares. The space between the squares is a function of the space between inline objects. That is why the space increases as the font size is increased. That code would not fit in your perfect page.

The second code, http://www.cssdesk.com/afMAN2, is visually identical to your specifications for the first code. It uses floats and fixed margins to prevent the boxes from spreading apart as the font-size changes. AND it adds 4px to the overall width because of the way I coded it. That difference was mentioned in the post.

I have no idea what the 3rd code looks like that is being used in the bogger post, http://newtest180.blogspot.com/2.

Good question. You’ll have to ask whoever wrote it for you.

I would guess that they relied on inline space to separate the squares and you bought into it. You then measured the width and built your page around it without realizing it was flawed. NOW, you hold us responsible to adhere to the width that you came up with when you bought into the flawed code.

69

How come the first code doesn’t use any margins at all?

70

I wrote it?

71

This is the correct link for the 2nd code: http://www.cssdesk.com/GmM8L

72

If you wrote it, why are you asking us about it? You chose to write it that way.

2 Likes
73

Why would you add a margin to something if there’s automatically space between the boxes left alone?

74

First, do you agree that the “automatic space” between the squares does not work as precisely as you thought it did? (Which made your imaginary precise 266px width a joke from the start.)

75

Without margin

Margin 0;

I don’t see a difference visually.

76

You don’t write code, remember? You copy and paste. or so you said.

77

Both of those examples use inline objects. Both are flawed. Neither uses floats. Zoom the font size and see for yourself.

78

I search for code that works and piece them together, whatever you call that.

79

I know that, is there any way of using inline-block, instead of using floats? Preventing the zoom font effect.

80

I call that blissful ignorance, a tad short of reality.

4 Likes