Beenden
  • Globale Community
    • Sprache:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티

Unable To Adjust Cell Spacing...

Entdecker ,
Mar 20, 2019 Mar 20, 2019

Hello!

I have an index page (www.BigMusicGeek.com -- Your Online Music Authority! ) that show the first cell of each row as 'sitting' lower that the rest of the cells in the row. Any idea why this would be happening?

Thanks!

2.7K
Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines

correct answers 1 richtige Antwort

Community Expert , Mar 20, 2019 Mar 20, 2019

You're overusing <h1> tags (you should only have 1 per page) and the browser default padding/margin is causing the extra space in those items where you have two <h1> tags next to each other.

Run the validator at http://validator.w3.org/nu to get a listing of your errors and warnings, that way you can avoid improperly structuring your page before it gets this far..

If you don't want to use browser defaults for margins and padding on your html elements, adding the following at the top of your css wi

...
Übersetzen
LEGENDE ,
Mar 21, 2019 Mar 21, 2019

I agree with you Ben regarding html5 semantics, (I even thought about marking your reply about using h1 etc, with html5 semantics as helpfull, but forgot to do so, will now do). The lack of 'promotion' regarding the use of html5 semantics, and there use in starter pages should not be an excuse for anyone.

As for css resets. Yes they where usefull, but the requirerment for them has dropped dramatically with Safari, (both desktop and iOS) and Chrome, (Android) both using the same default settings. Edge, (MS) moving to the Chrome engine will I think also align with those Browsers.

That only leaves IE11 and Firerfox, with IE being the main problem, as it has a different default font and font size. So checking layouts is still required, but I don't think the differences are enough for the continued use of 'full blown' css reset.

As for css3 and html5 support in Dw, as Osgood pointed out, Dw is not the only editor to ignore them.

Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines
Community Expert ,
Mar 21, 2019 Mar 21, 2019

Your remark, Paula, made me realise that I did not specify the browsers that are shown in my example. They are IE11, Chrome, Edge and Firefox. I am on a Windows machine, which is why I haven't shown Safari.

Yes, agree 100%, the need for resets is gradually diminishing, thank goodness.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines
Mentor ,
Mar 21, 2019 Mar 21, 2019
Pardon me, I care about resets and so should every web developer. As an example, here is some content shown in different browsers.

You've obviously missed the entire point, in the context of which your position is wholly irrelevant. And this is the problem here.

Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines
LEGENDE ,
Mar 21, 2019 Mar 21, 2019

BenPleysier  wrote


Pardon me, I care about resets and so should every web developer. As an example, here is some content shown in different browsers.

Huummm........

well unless you are going to leave the content like that.....what's the

problem......most web developers tend to style their content. It's never been

an issue for me.

Maybe you're taking the Bootstrap approach,

throw everything and the kitchen sink at the page then start

re-engineeing the default styles, seems pointless that the default

styles are there if you're not going to be using them. Very often its

much more manageable to use a workflow such as:

#foo h2 {

margin: 0;

padding: 0;

}

Rather than a blanket coverage:

h1, h2, h3, h4, h5, h6 {

margin: 0;

padding: 0;

}

Personally I can see much quicker what properties are applied to a tag

quickly as I roll through the css rather than what some default properties are

doing, usually at the top of the css file.

Probably why I could never committ to Sass as all the real important junk is at the top

of the file, not where you really want it in the actual selector itself.

But as I say each to his/her own.

Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines
Community Expert ,
Mar 21, 2019 Mar 21, 2019

You are right Os. The problem in my case is that when I get to #qux h1 or #bar h2, I tend to forget (age related) to apply the necessary style rules.

My GP knows me best. Rather than giving me three tablets for blood pressure, diabetes and cholesterol, I get to take one cocktail tablet which also includes vitamin C and a low dosage aspirin. Do I need the latter two? Probably not, but it will do no harm.

I like my 4KB file so that I can start with a level playing field for each of the browsers. Will the 4KB file do any harm? I'd sooner use my energy to make sure that my sites are HTTP/2 enabled and served by a superfast Nginx box.

ALsp​, don't let your hatred for Bootstrap cloud your thinking.

To quote Nancy OShea​, Like most things web-related, Reset CSS comes with lots of differing opinions.  Use whatever works best for you & your projects.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines
Mentor ,
Mar 21, 2019 Mar 21, 2019

ALsp, don't let your hatred for Bootstrap cloud your thinking.

That makes no sense. I don't hate Bootstrap. I think it's a waste of time. If you weren't so obsessed with promoting and defending it, you might realize that if Adobe used or built an efficient, effective framework, it would be a godsend for us. We would then simply extend it, providing a UI and other features. Bootstrap is not good enough for that and it would be a waste of time. No, we don't hate Bootstrap, we just think it's badly framed... and the really good coders I know all seem to feel the same way. Strange, huh?

Well, obviously, this is a useless discussion because while you think I hate Bootstrap, I know you depend on it.

Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines
LEGENDE ,
Mar 22, 2019 Mar 22, 2019
AKTUELL

BenPleysier  wrote

You are right Os. The problem in my case is that when I get to #qux h1 or #bar h2, I tend to forget (age related) to apply the necessary style rules.

My GP knows me best. Rather than giving me three tablets for blood pressure, diabetes and cholesterol, I get to take one cocktail tablet which also includes vitamin C and a low dosage aspirin. Do I need the latter two? Probably not, but it will do no harm.

I make allowances being as though it's more of a hobby these days for you. Maybe your GP could cure your facination with Bootstrap, now that would be progress and could well be the root cause of ALL your other aliments

BenPleysier  wrote

I like my 4KB file so that I can start with a level playing field for each of the browsers. Will the 4KB file do any harm? I'd sooner use my energy to make sure that my sites are HTTP/2 enabled and served by a superfast Nginx box.

If that is the way you want to work then its not for me to say otherwise. I've just never seen the point in putting a building up and then taking the bricks that are not necessary away and stockpiling them in a spare room within the house. I'd rather work out which bricks are necessary initially and the spare room is, well spare, not full of unecessary bricks.

Übersetzen
Melden
Community-Richtlinien
Seien Sie freundlich und respektvoll, geben Sie die ursprüngliche Quelle der Inhalte an und suchen Sie vor dem Absenden Ihres Beitrags nach Duplikaten. Weitere Informationen
community guidelines