4. layout

layout

  • M

    so, im prinzip halbwegs in ordnung....
    aber ein paar kleinigkeiten stören mich noch.....

    ich habe die seite jetzt mit mozilla 1.2.1, opera 6.05 und IE 6 getestet...

    -so blöde schwarze (positionierungs)-ecken an den ecken des logos (alle browser)

    -rahmen ist in der textfarbe (moz. und opera, bei opera nicht einmal inset)

    0
  • N

    Gib mal einen URL, ich hatte keines dieser Probleme (mal von den non-inset-Borders bei Opera abgesehen).

    0
  • M

    www.michael-prochaska.com

    aber nicht lachen 😉 ...ist die erste seite der ich halbwegs ein design verpasse (ist übrigens auch noch nicht fertig, fehlen noch viele fotos)....

    css ist alles in der index drinnen.....

    mfg

    0
  • N

    Nicht so schlimm für die erste Seite 🙂
    Aaaaber: Warum denn so umständlich mit einem extra-Logo-Format?
    Mach doch einfach sowas:

    <h1><img src="bild.png"></h1>

    und sag im Stylesheet, dass h1 zentriert sein soll, das entspricht wohl auch mehr dem was Du machen möchtest...

    Und wenn Du einige Bilder auf eine andere Art und Weise formatiert haben möchtest als alle anderen dann mach einfach eine img-Subklasse:

    img {
    border:none;
}

img.logo {
    padding:1em;
}

    Und dann kannst Du das folgendermaßen einsetzen:

    <img class="logo" src="bild.png">
    0
  • M

    ahh...dankeschön....jetzt weiß ich endlich den (praktischen) unterschied zwischen id und class....

    mfg

    0
  • N

    Nachtrag: Ich würde die CSS-Teile auch wirklich in eine echte .css-Datei ausgliedern, das macht die Seite besser wartbar.

    Und mach daraus:

    <body>
<div id="logo">
<img align="center" alt="Logo" src="logo-lang.png">
</div>
<div id="menu">
<a href="index.php?content=home">:: Home</a><br>
<a href="index.php?content=lebenslauf">:: Lebenslauf</a><br>

<a href="index.php?content=photos">:: Photos</a><br>
<a href="index.php?content=politik">:: Politik</a><br>
<a href="index.php?content=newsmanager">:: News-Manager</a><br>
</div>
<div id="content"> 
  <h1>HOME</h1>
<p>
Diese Homepage wurde im Rahmen eines Mediensoftwareprojektes erstellt und wird ab jetzt laufend erweitert.
Der Inhalt ist bis jetzt nicht besonders sinnvoll. Eigentlich ist er nur da um die Seiten zu füllen.
</p>
<br>
<h1>NEWS</h1>
<div>

14.01.2003 -> News - Manager geschrieben
<br>14.01.2003 -> Seite geht Online<br></div></div>
</body>
</html>

    lieber soetwas:

    <body>
<h1><img align="center" width="ANGEBEN!!!" height="ANGEBEN!!!" alt="Logo" src="logo-lang.png"></h1>
<div id="menu">
<a href="index.php?content=home">:: Home</a><br>
<a href="index.php?content=lebenslauf">:: Lebenslauf</a><br>

<a href="index.php?content=photos">:: Photos</a><br>
<a href="index.php?content=politik">:: Politik</a><br>
<a href="index.php?content=newsmanager">:: News-Manager</a><br>
</div>
<div id="content"> 
  <h2>HOME</h2>
<p>
Diese Homepage wurde im Rahmen eines Mediensoftwareprojektes erstellt und wird ab jetzt laufend erweitert.
Der Inhalt ist bis jetzt nicht besonders sinnvoll. Eigentlich ist er nur da um die Seiten zu füllen.
</p>

<h2>NEWS</h2>
<p>14.01.2003 -> News - Manager geschrieben</p>
<p>14.01.2003 -> Seite geht Online</p></div>
</body>
</html>

    edit: Wenn Du einen zusätzlichen Abstand brauchst dann mach das nicht per <br> sondern lege einfach für per CSS einen bestimmten Padding-Wert (in diesem Fall padding-top oder padding-bottom) fest.

    [ Dieser Beitrag wurde am 16.01.2003 um 09:25 Uhr von nman editiert. ]

    0
  • N

    Original erstellt von mi+chl:
    jetzt weiß ich endlich den (praktischen) unterschied zwischen id und class...

    Der wichtigste ist in meinen Augen der, dass ids nur einmal pro Seite eingesetzt werden dürfen (zB zur Positionierung eines bestimmten divs) und classes beliebig oft verwendet werden können (zB für alle Links einer bestimmten Art etc).

    0
  • M

    das heißt also, daß ich in einer class gar keine positionierung vornehmen darf, oder?

    mfg

    0
  • N

    Original erstellt von mi+chl:
    das heißt also, daß ich in einer class gar keine positionierung vornehmen darf, oder?

    Doch, wenn Du möchtest schon, ich habe nur gemeint, dass Du höchstwahrscheinlich nie mehr als eine navbar pro Seite haben wirst, weswegen mir id logischer/ sinnvoller erscheint als class.
    Der Grund aus dem ich keine class für das Logo verwenden würde ist, dass das Seitenlogo logisch betrachet eine Überschrift ist. Daher wäre es klug, es auch als Überschrift (konkret h1) in die Struktur einzubauen.

    0
  • M

    wenn ich aber dann eine class mit positionierung öfter verwende, dann steht ja alles übereinander....oder hab ich da jetzt einen gröberen denkfehler drinn...

    mfg

    0
  • N

    Original erstellt von mi+chl:
    wenn ich aber dann eine class mit positionierung öfter verwende, dann steht ja alles übereinander....oder hab ich da jetzt einen gröberen denkfehler drinn...

    Naja, ich dachte eigentlich mehr an text-align und so, aber Du hast schon recht, wenn Du in einer mehrfach verwendeten Klasse absolute-positioning verwendest hast Du wahrscheinlich ein Problem. 🙂

    0
  • M

    so, jetzt bin ich endlich fertig (bis auf die photos)...ich würde allerdings gerne die links innerhalb des contents unterstrichen haben, also das nicht unterstreichen beim menü über eine class regeln.....geht das?

    könntest du freundlicherweise vielleicht generell noch mal kurz schauen ob das ganze jetzt so ca. passt?

    danke,
    mfg

    0
  • M

    ach ja, kann ich davon ausgehen, dass der netscape die seite genau so darstellt wie der mozilla oder muss ich mir den jetzt auch noch downloaden?

    mfg

    0
  • N

    Original erstellt von mi+chl:
    könntest du freundlicherweise vielleicht generell noch mal kurz schauen ob das ganze jetzt so ca. passt?

    Ich schau gleich.
    Alle aktuellen Netscape-Versionen sind Mozillas mit Netscape-Logo und stellen daher alles genauso dar wie dieser.

    0
  • N

    Zu Deiner Frage oben: Wenn Du

    <a href="index.php?content=home">:: Home</a><br>
<a href="index.php?content=lebenslauf">:: Lebenslauf</a><br>
<a href="index.php?content=photos">:: Photos</a><br>

<a href="index.php?content=politik">:: Politik</a><br>
<a href="index.php?content=newsmanager">:: News-Manager</a><br>

    zu

    <p class="deineKlasse"><a href="index.php?content=home">:: Home</a><br>
<a href="index.php?content=lebenslauf">:: Lebenslauf</a><br>
<a href="index.php?content=photos">:: Photos</a><br>

<a href="index.php?content=politik">:: Politik</a><br>
<a href="index.php?content=newsmanager">:: News-Manager</a></p>

    machst, dann kannst Du das einfach per "deineKlasse" ansprechen.

    Mach übrigens "HOME" zu einer h2 und "NEWS" zu einer h3, HOME ist immerhin "eine Ebene unter" dem "MP"-Logo...

    Und korrigier das bitte noch!

    0
  • M

    so...jetzt hab ich das ganze nochmal überarbeitet und jetzt sollte sie endlich fertig sein (zumindest soweit, das ich morgen eine gute note bekomme)...

    dankeschön für die hilfe,
    mfg

    0
  • N

    Bitte, gerne geschehen, aber kodiere auf alle Fälle noch "ü"s zu "ü"s etc., darauf achten viele Leherer (korrekterweise) ganz besonders.

    0
  • F

    Da sieht man jetzt wohl nicht mehr so viel! 😉

    ü zu &uuml;

    Falls du nicht verstehst, was gemeint ist, kannst du dich auch hier und hier noch weiter kundig machen.

    [ Dieser Beitrag wurde am 17.01.2003 um 11:46 Uhr von flenders editiert. ]

    0
  • N

    Original erstellt von flenders:
    Da sieht man jetzt wohl nicht mehr so viel! 😉

    Sorry, darauf hatte ich ganz vergessen! *lol*
    Danke jedenfalls für den Verweis, flenders! 🙂

    0
  • M

    hab ich eh schon gemacht, danke

    0
Anmelden zum Antworten