12 replies [Last post]
Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

Hi,
i am new here and to CSS/HTML (only a few weeks old Party )

Here my problem-layout
Menü mit Problem!

Goal:
after the submenue opened, obviously i want to be able to select further things with the mouse. For that, i have to be able to ":hover"-select it, so it´ll be forced to stayop top..

Problem:
IE9 -> I am not able to determine any functioning ":hover"-CSS-selector.

FF5 -> I am able to determine a functioning ":hover"-CSS-selector, but sofar it only works for the last point "Fragen".!

Question:
does anyone notice any mistake i made or knows of a bug/error thats prohibiting this from functioning? Or does anyone have another idea how to solve my issue?

I am totally clueless,
and hope someone may be able to help Smile
Many thanks in advance!

PS:
I am open for criticism and suggestions, dont be shy Wink

PPS:
The final page will have multiple menus, thats why i chose more elaborate classes Smile

PPPS:
Designphase! No Design yet - whatsoever Big smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Hi again,So you don't get

Hi again,

So you don't get discouraged, I am taking a look at your problem. It may take a bit of time to familiarize myself with your structure (which seems a bit over-thought), this being the week-end.

I am impressed that your markup passed validation as new as you say you are to html/css. I would suggest a couple of things right off to improve on the structure.

In this bit, which is central to your test page,

<ul>
      …
      <li>
        <span class="MT01Title01">Fragen</span>
        <div class="MT01Frame01">
          <div class="MT01Content01">
            <span class="MT01Title02">Fragen01</span>
            <dl>
              <dt class="MT01Text01">
                Fragen01-a
              </dt>
 
              <dd class="MT01Text02">
                01a blablablabla
              </dd>
            </dl>
 
            <dl>
              <dt>
                Fragen01-b
              </dt>
 
              <dd>
                01b blablablabla
              </dd>
            </dl>
          </div>
          <!-- END Content -->
        </div>
        <!-- END Frame -->
      </li>
    </ul>

  • There is no need for the div elements that I see.
  • It is poor practice to have an inline element as a sibling to (abutting) a block element. The interface is undefined. It usually works, but better to use the proper container.
  • Using a class "title" is a good sign the proper element is a heading, hx.
  • I don't know about the use of the dl element. Do you mean to have a term plus the definition, that is, dt+dd, or is that really a heading plus text, hx+p?

I will simplify where I can, but keep your dl construct unless you tell me it really is a heading plus text.

I am not yet as familiar with translations, transitions, &c., as I would like to be. Since older browsers don't support css3 with any degree of worth, it's not been at the top of my to-do list—yet.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

Hithanx Gary for cleaning up

Hi

thanx Gary for cleaning up my multiple-posting-mess Smile
@Gary: users bananijoe & hausealleum can be deleted +sorry for that, timepressure Smile

and now concerning my post Wink
thanx again Gary for analysing my code, i hope you find something helpful Steve

first some questions, i didnt quite understand what you meant with the following, maybe you can explain a little bit further, thx ..
1)

Gary wrote:

I am impressed that your markup passed validation

Validated? By whom? *confused*

2)

Gary wrote:

inline element as a sibling to (abutting) a block element

What do you refer to?

Ok..
... and now i try to explain what i thought when i created this, and i fear you may be right, it may prove as "poor practice" - but maybe i still keep it Smile
Since i am totally new to html/CSS..
.. as IT professional i only worked with batch-skripts so far an 20years ago i used to program with turbo pascale, but thats it. Big smile
Well now i try to "read" professional webpage-code and try to learn as fast as possible how to code as "clean" as possible - but "functionality" and "documentation" is my prime goal right now. It should "work" and i must be able to understand 100% of my code in 3 months from now - without problems.

My "classes" - my intentions:
Gary you are right the "Title"-classes are h[x]-headlines.
First i wanted to use h[x], but i saw that some browsers handle headlines a bit different
Plus: My menus will be used for text-presentation as well, which wont have a h1-h6-structure, and will be much more complex.
So to keep a better overview i thought:
Party Just define my text-formatting via classes so i can use them like "styles" in word Smile

Thats the reason for:
MT01Title[xx]
MT01Text[xx]
These classes are not defined yet, but will be later, when the menu works and i can fill it with content.

By the way: MT01 stands for "Menu Top" 01, since there will be at least one other menu on this page...
And since i like cool menus, and in the future there will be different menues which i might want to mix, i decided to put an number to each of them, so i dont have to rename the classes & IDs later Smile
Might be useless, who knows .. and since they dont bother me: "what the heck" lets have some numbers Glasses

Ok now "MT01Frame01":
I am not sure here!
Since i plan to have some fancy textures mostly looking "3D-Metal" i thought i might need a "frame" around the actual content, for graphical uses.
But so far i only use it to actually get the slide-effect to work.
Here might be a/my mistake, i am not sure .. Quest

"MT01Content01":
this is the main class in which i place all my content and lists.
Until now it is essential for getting the menu to work.
Every menu i had a look at, had a kind of "container"...

dl/dt/dd:
well some menus i saw had UL/LI-structures in the submenu, some had DL/DD-structures...
After reading the definitions in w3.org i decided to use DL/DD.
Do you think that was wrong?

Gary wrote:

I don't know about the use of the dl element. Do you mean to have a term plus the definition, that is, dt+dd, or is that really a heading plus text, hx+p?

I am a bit confused, dont you know DL/DD or dont you know why i used it here?
Info: I used "DT" only to test it, i am not sure i´ll actually need DT, but DL/DD was my preferred sub-menu-list-structure
What would you suggest?
.
.

Well the really hard/complex part is the "menu-top.css".
I really hope you have a look and might find something *cheers*
I will analyze the "LI"-structure/positioning/boxing further, they seem suspect ... *hope*

thanx again for your efforts!
I appreciate any input and critisism

Sascha
.
.

Offtopic

Quote:

Critisism/Explanation regarding the SpamBlock:

After initially posting this topic i got the message "...topic created..", it also opened and i could read it.
But in the forum or "my recent post" nothing appeared! I thought my user was "buggy" so i tried it with different new users until i noticed the following:
As soon as a "new user" posts a "foreign link", the whole user (not only the post) gets flagged by the SpamBot and you cant post anything anymore!
Unfortunately, i didnt receive ANY notification on WHY this happens .. my posts just were "not there". So i diddnt even know what happened or why.. Sad(
I couldnt even use the "contact"-Form to ask anyone (i got a note, that my mail containd SPAM...)
And since there is no moderator-list whatsoever, i couldnt contact any of them either...
Fortunately Gary was online by chance, but in his profile the wasnt a note that he is moderator either, i sent him a message only because i saw he is a 7-year-member...

Sorry this really is very unusual behavior for a forum and very inconvenient, maybe it can be improved...
There should be a list of moderators somewhere, or a FAQ-Post concerning your SpamBot. At least there should be a note on why your post does not show and what to expect next :Cool
Shouldnt it?

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

hmm, maybe this might hint

hmm,
maybe this might hint someone in the right direction:

My LI-CSS Style is:

#MT01 li {
	display: block;
	float: left;
	bottom: 0;
	left: 0;
	list-style: none;
}

hmm,
maybe this might hint someone in the right direction:

when i "break" it and change it to this:

#MT01 li {
	position: relative;
	display: block;
	float: left;
	left: 0;
	list-style: none;
}

.. then the sub-menus arent positioned left anymore (thats wrong)
but they are selected via :hover.
At least in FF5, it still doeas not work in IE9...

So maybe my solution to create the mainmenu from the "LI" is bugged?

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

update: ok it is definitely

update:

ok it is definitely the Frame "MT01Frame01".

I started over and more or less didnt confront the issue.
The slide-Menu works quite fine, but i coudnt find a way to hide the content in the "non-active"-position. (The content slides down after ":hover"-activation).

As soon as i tried cover the "content-parking-lot" with a frame the problem is back!

So:
1) anyone an idea to easy "HIDE" non-active content?
(cant use: "display:none" or "height: 0px")
2) or how to get the Frame-Cover working?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Loxagon wrote: ...first some

Loxagon wrote:

...first some questions, i didnt quite understand what you meant with the following, maybe you can explain a little bit further, thx ..
1)

Gary wrote:

I am impressed that your markup passed validation

Validated? By whom? *confused*[

The W3C offers validation services. for css and for (x)html.

Quote:

2)

Gary wrote:

inline element as a sibling to (abutting) a block element

What do you refer to?

You have this structure:

<ul id="MT01">
	<li><span class="MT01Title01">Lösungen</span>
		<div class="MT01Frame01">
			<div class="MT01Content01"> <span class="MT01Title02">Lösungen01</span>
				<dl>
You have a span in a li, which is OK. But the span has a block sibling, the div. That div has a child div that contains a span with a dl sibling, another block. Browsers usually figure things out, but the interface between inline and block when they are peers is not specified in the recommendations. So best practice is not to do it. There are experienced coders who generally know what they're doing who will mix inline and block, though. :shrug:

Quote:

Ok..
... and now i try to explain what i thought when i created this, and i fear you may be right, it may prove as "poor practice" - but maybe i still keep it Smile
Since i am totally new to html/CSS..
.. as IT professional i only worked with batch-skripts so far an 20years ago i used to program with turbo pascale, but thats it. Big smile

ah, yes, Turbo Pascal, my intro to object oriented programming. Before that, for me was trs-dos basic, z-80 machine code and assembly. Also a while spent machine coding a 6502 cpu. It's amazing what you can do in BASH, stringing a variety of tools and scripts together. Beats the hell out of toggling or punching machine code.

Quote:

Well now i try to "read" professional webpage-code and try to learn as fast as possible how to code as "clean" as possible - but "functionality" and "documentation" is my prime goal right now. It should "work" and i must be able to understand 100% of my code in 3 months from now - without problems.

The great majority of web pages are coded by morons; including so-called professionals. Another large portion are CMSs, written to be all things to all people. Nobody takes the time to clean the code up for their particular use, so crap code goes onto the production server.

Quote:

My "classes" - my intentions:
Gary you are right the "Title"-classes are h[x]-headlines.
First i wanted to use h[x], but i saw that some browsers handle headlines a bit different

That's the purpose of separation of structure, presentation, and behavior. It's up to you to declare how you want things to look using css. As a rule, never code with presentation in mind. The first thing is to mark up all the bits of the document for what they are, not for how they will look. You may have to do some fiddling later, but you will be a whole lot more productive worrying about they structure and not the presentation.

Quote:

Plus: My menus will be used for text-presentation as well, which wont have a h1-h6-structure, and will be much more complex.
So to keep a better overview i thought:
Party Just define my text-formatting via classes so i can use them like "styles" in word Smile

You've picked the wrong example to model your markup and presentation after. First, unless you're trying to write hippy-dippy coffee house poetry, your text will have structure and the headings will have relative rank. Rather than take Word as your model, think LaΤεΧ. HTML uses cascading style sheets. View my example code below. See how many classes and ids there are. Do not style bottom-up. CSS and well structured markup begs for top-down presentation.

Quote:

Thats the reason for:
MT01Title[xx]
MT01Text[xx]
These classes are not defined yet, but will be later, when the menu works and i can fill it with content.

By the way: MT01 stands for "Menu Top" 01, since there will be at least one other menu on this page...
And since i like cool menus, and in the future there will be different menues which i might want to mix, i decided to put an number to each of them, so i dont have to rename the classes & IDs later Smile
Might be useless, who knows .. and since they dont bother me: "what the heck" lets have some numbers Glasses

No, no, no. Don't go looking to make things more difficult. Numbers mean exactly jack squat from a semantic view. All markup and class and id tokens should tell you what the element is. You can have 15 versions of the top level menu and still use only the one name.

Quote:

Ok now "MT01Frame01":
I am not sure here!
Since i plan to have some fancy textures mostly looking "3D-Metal" i thought i might need a "frame" around the actual content, for graphical uses.
But so far i only use it to actually get the slide-effect to work.
Here might be a/my mistake, i am not sure .. Quest

Never add extra elements unless you have compelling reason. For example, there's no good reason to wrap a div around a ul, since ul is already a container for the list.

Quote:

"MT01Content01":
this is the main class in which i place all my content and lists.
Until now it is essential for getting the menu to work.
Every menu i had a look at, had a kind of "container"...

Yeah, some folks are in love with div elements, the less they're needed, the more they lov'em.

Quote:

dl/dt/dd:
well some menus i saw had UL/LI-structures in the submenu, some had DL/DD-structures...
After reading the definitions in w3.org i decided to use DL/DD.
Do you think that was wrong?

Gary wrote:

I don't know about the use of the dl element. Do you mean to have a term plus the definition, that is, dt+dd, or is that really a heading plus text, hx+p?

I am a bit confused, dont you know DL/DD or dont you know why i used it here?
Info: I used "DT" only to test it, i am not sure i´ll actually need DT, but DL/DD was my preferred sub-menu-list-structure
What would you suggest?

Nearly all menus are unordered lists. After all, the menu is a list, but not a list of terms to be defined.

Quote:

Well the really hard/complex part is the "menu-top.css".
I really hope you have a look and might find something *cheers*
I will analyze the "LI"-structure/positioning/boxing further, they seem suspect ... *hope*

It appears the problem lies with the pink border. If you allow space for it (I didn't use your frame div), the cursor has to move across a dead space. I allow the sub-menu to overlap the top level ul's border, and give the sub-menu a matching top-border.
.

Offtopic

Quote:

Critisism/Explanation regarding the SpamBlock:

Unfortunately, spam has become rampant. Also unfortunate is that Mollom is the best of a sorry lot for catching it.

Here's some code, which is well structured, semantic and valid.It does not use the exact transition you used, but you should be able to adapt to your purpose. Notice there is no frame div, and I eliminated one level of nesting as redundant.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de-DE"
      xml:lang="de"
      xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>
      Loxagon test
    </title>
    <meta content="text/html; charset=utf-8"
          http-equiv="Content-Type" />
 
    <style type="text/css">
/*<![CDATA[*/
 
    body {
      background-color: black;
      color: white;
      margin: 0;
      font: 100%/1.25 sans-serif;
      }
 
    h1 {
      text-align: center;
      }
 
    h2, h3, h4 {
      margin: 0;
      }
 
    ul {
      list-style: none;
      padding: 0;
      }
 
    ul p {
      margin: 0 0 0 1.25em;
      }
 
    #topnav {
      border-bottom: 4px solid #fcf;
      display: inline-block;
      margin: 1.25em 0 0 15%;
      position: relative;
      width: 600px;
      }
 
    #topnav li {
      float: left;
      margin: 0 1.25em 0 0;
      }
 
    #topnav ul {
      background-color: lightgray;
      border-top: 4px solid #fcf;
      color: black;
      height: 0;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 100%;
      -o-transition: all 1s ease-in-out;
      -webkit-transition: all 1s ease-in-out;
      -ms-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out;
      width: 0;
      }
 
    #topnav li:hover ul {
      height: auto;
      width: 100%;
      }
 
    #topnav li li {
      float: none;
      margin: 0;
      }
 
    /*]]>*/
    </style>
  </head>
  <body>
    <h1>
      Loxagon test
    </h1>
 
    <ul id="topnav">
      <li>
        <h2>
          Lösungen
        </h2>
 
        <ul>
          <li>
            <h3>
              Lösungen01-a
            </h3>
 
            <p>
              01a blablablabla
            </p>
          </li>
 
          <li>
            <h3>
              Lösungen01-b
            </h3>
 
            <p>
              01b blablablabla
            </p>
          </li>
        </ul>
      </li>
 
      <li>
        <h2>
          Wünsche
        </h2>
 
        <ul>
          <li>
            <h3>
              Wünsche01-a
            </h3>
 
            <p>
              01a blablablabla
            </p>
          </li>
 
          <li>
            <h3>
              Wünsche01-b
            </h3>
 
            <p>
              01b blablablabla
            </p>
          </li>
        </ul>
      </li>
 
      <li>
        <h2>
          Fragen
        </h2>
 
        <ul>
          <li>
            <h3>
              Fragen01-a
            </h3>
 
            <p>
              01a blablablabla
            </p>
          </li>
 
          <li>
            <h3>
              Fragen01-b
            </h3>
 
            <p>
              01b blablablabla
            </p>
          </li>
        </ul>
      </li>
    </ul>
  </body>
</html>

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

Gary!Thanx I will take my

Gary!
Thanx Smile

I will take my time to study your comments in detail..
frankly i didnt understand all u wrote yet, but i will ...

Sadly your Code does not "slide".
But REAL THX for your effort!
"Growing" menus or "appearing" ones seem easy...
the tricky part is "sliding", because it seems you have to "park" the content somewhere..
and then use "transition" to create a "moving menu" like "sprites" in C64 : - ))))
(see my last post)

My Menus "slides" (top-to-bottom) and "grows" (left-to-right), thats my goal...

another great transition-example:
Rotation, Transition, Transform
Rotation & transition

I got inspiration here, but i dont quite understand Stu´s code, and i only use code i really understand - otherwise desaster is on the horizion Smile
CSS3- Slide-Menu

Quote:
Quote:

2)

Gary wrote:

inline element as a sibling to (abutting) a block element

What do you refer to?

You have this structure:

<ul id="MT01">
	<li><span class="MT01Title01">Lösungen</span>
		<div class="MT01Frame01">
			<div class="MT01Content01"> <span class="MT01Title02">Lösungen01</span>
				<dl>
You have a span in a li, which is OK. But the span has a block sibling, the div. That div has a child div that contains a span with a dl sibling, another block. Browsers usually figure things out, but the interface between inline and block when they are peers is not specified in the recommendations. So best practice is not to do it. There are experienced coders who generally know what they're doing who will mix inline and block, though. :shrug:

but the span closes immediately, isnt that "inline" then, its not the parent to the div Smile
Still wrong?
I use the span only to format the text (Word-styles-like)

cheers
Sascha

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

The "Frame and some

Party

* solved *
It were "The Frames"
... after some high-concentration-work i got it to work Smile

I updated the linked Site...

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Quote:but the span closes

Quote:

but the span closes immediately, isnt that "inline" then, its not the parent to the div Smile
Still wrong?
I use the span only to format the text ( )

I'm not talking about span, an inline element, being parent to div, or a line or two down, parent to dl. They are sibling elements, brothers at the same structural level.

To style the element "Word-styles-like" is a not-good idea. Start by tagging the text with the proper tag, a heading, e.g. <h2></h2> or <h3></h3>, at whichever level the heading is. The span is for segregating bits of inline material for special handling.

The whole point of html is to mark the document parts for what they are. Consider that html is meant to be parsed by anything, not simply graphic browsers. That span would mean nothing to a text browser like Lynx, or to a screen reader for the blind, because span means nothing. Both understand what a heading is, and can use that knowledge, say for navigating from heading to heading.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

point taken... : thank you

point taken... :Cool
thank you very much!

I will have a look which devices i want to support and will change my structure accordingly...

Still i would prefer to use classes to define

and -elements...
Maybe I will have too many different text-styles - anyway, since my website will grow and hopefully i will have mostly other things to take care about then maintaining my sites and pages, i really plan to have one or two styles to change them "automatically on all pages and sites...
Would you object?

Can you recommend good sites where i get easy access to "best practices" and thing one should avoid?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Power(ful) Points

Loxagon wrote:

point taken... :Cool
thank you very much!

I will have a look which devices i want to support and will change my structure accordingly...

With proper markup, all devices are supported automagically. Properly mark up the structure of your document with semantic tags, without concern for the device or presentation before doing anything else. (I will confess to often writing my stylesheet as I mark up content. I blame 10+ years experience for being able to do both as I go; assuming I know beforehand what it will look like.)

I mentioned LaΤΕΧ earlier. Do you not use it for marking up articles, formal papers, résumés, PDFs, letters, &c. for print? That is the model to follow. MSWord and other word processors are best suited for making invitations and wacky birthday greetings. Your concentration must be on the content, not on how it will look in which UA.

Quote:

Still i would prefer to use classes to define

and -elements...
Maybe I will have too many different text-styles - anyway, since my website will grow and hopefully i will have mostly other things to take care about then maintaining my sites and pages, i really plan to have one or two styles to change them "automatically on all pages and sites...
Would you object?

The better you understand the css cascade, the fewer classes you will need (in general; there will be exceptions). With the cascade, you define properties for elements mostly by group rather than individually. Remember, style from the top down.

Good typography and design practices call for direction, and not running around willy-nilly. Pick a direction in design and typography and follow it, at least for each section of the site; else you lose all sense of continuity.

CSS allows you to provide overrides to your properties. Well structured pages rarely require a pot-load of classes to address the desired elements.

Quote:

Can you recommend good sites where i get easy access to "best practices" and thing one should avoid?

I suppose this forum is as good a place as any. Most of the experienced members are pretty much down on poor practices, preferring to encourage good, semantic markup and well thought out css. There will be differences of opinion, but I doubt you would get bad advice. In case of a dispute with my pronouncements from on high, remember, I am right. Laughing out loud (Which might explain my guru on the mountain top avatar. Tongue)

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

Well Gary, thx but i am not

Well Gary, thx but i am not sure your last advice helps me at all.
And i get the impression you dont really understand my goals Smile
So i will say:

Hi i am Sascha: Cool
about me:
I am just asking for advice on:
1) howto create clean Code - but on my terms (i prefer classes! and central configurations! So where should i make exceptions and why?)
2) where to find easy (compact!) information & tools which help me to learn & crate HTML/CSS in my very short time window

I work for 15 years in Server & Network Administration, but not in "programming".
Now i have to create a webpage in a very short time, i use Dreamweaver10 (CS4).
What you see on help.proit-service.net is my 1st html/css-code whatsoever.
But still i try to create -as "nooby" as i am- a webpage as professional as possible.
Because this website will determine if i will have customer or not.

what i ask for
well its obvious you are willing to help.
Thats REALLY nice, and i take that offer.
I can read the whole internet, and that will still give me no real experience,
thats what i am looking for: experience Smile
"best practice", "DOs" & "DONTs" & "NEVERs" & "ALWAYSs", mixed with a short explanation of "WHY", so i get the feeling.

Latex & Word:
No, why should i use tex/latex?
As programmer or in academic work, at the university, as publisher(?) etc .. well Ok.
In "normal" office-life there is no latex!
Please!
It seems you dont like word, and yes msoffce isnt very precise, but your WORD-comment
is ridiculous.
Btw, hope you wont be angry but frankly:
your site ... "http://gtwebdev.com/" doesnt appeal at all to me!
Its rather dull and not maintained. The text layout is *cough* rather awful, looks like an "autocreated"-site.
Especially due to the misfitted text/headline layouts (font, size etc).
The start-page itself i dont comment... *shudder*
Actually this forum itself cries out loud (please update me, migrate to a modern bullitin board! pleaseeeeee...) *sorry, couldnt resist* >)
Well i assume you know all that, but TIME... : - )))

Devices / barrierfree:
Sure all devices are supported, that was never in question...
My site will be aimed at Firefox, all other will be compatible but must look "ok" without errors or serious malformation.
I will test on 1024 + 1200 + 1600, but i want the site "flexible" where it is possible - i hate static sites.
What i really meant with "devices" was inspired by your "screen reader for blind people".
I cant create a full "barrier-free"-site but i want to provide all the essential preparations Smile
These two i try to accomplish since minute one:
> flexible fontsizes: all fonts should be fully scale /zoom-able!
> flexible layout: the site should be working with low resolutions / high zoom!
Any specific advice or links here?

Structure & Design, Goal:
Well my Site will be very modern, a lot of texture, 3D-effects in metal/electronic-style and backgroundimages.
The menus hopefully will be quite impressive.
But that for the eye! I dont wanna create a silly-site, but a highly professional site.
> professional impression
> impressive, modern-edge full-background
> easy navigation, easy accessible content
> fast (i will optimize bandwith regarding images)
> flexible design, basic-barrier-free-design
> with forum, customer-area, blog and later maybe ashop
> easy maintenance/administration, longterm preperations, good documentation
(site i like, i will try to capture that flair:
http://www.teletech.com
http://www.devold.com
http://www.kuletos.com
http://pollenlondon.com)
Since the website is only a tool for me and most of what i learn now i have to recall/relearn when the next bigger chances are on schedule...

Wink
I updated help.proit-service.com, its still "raw"..
now that the menu works i will maybe design it,
or start with the general layout, maybe some content or graphics...
Well its a LOT to doooo Smile
Any "direction"-advice?

I think i will refine the menu further...

any help appreciated!

cheers
Sascha

PS:
Do you offer professional services? Contact me via email Wink

PPS:
oh .. yeahh, i have a real good question:
How to embed your own font, i have a legal font, with the right to embed..
Any traps one should be aware of?

cheers Gary, you rock!

Loxagon
Loxagon's picture
Offline
Regular
Last seen: 10 years 38 weeks ago
Timezone: GMT+2
Joined: 2011-08-26
Posts: 12
Points: 17

did some major

did some major restructuring... Party

> eliminated SPANs
> got rid of DL/DT/DD
> there are now 2 menus
> sub-menu slides now too
> reordered css-files

Do you like it better now Gary?
(well, i still keep my classes Wink)