layout

mi+chl

ich hab irgendwie ein problem mit dem ausrichten....ich hab das ganze mal so gemacht, wie auf deiner seite, aber wenn ich keine breite (width) einstelle, sondern einfach mit left und right (em angaben) positionieren will, dann ignoriert er right einfach und positioniert es links....wenn ich left weglasse, dann macht er es rechts hin, aber beim kombinieren ignoriert er immer right.....

wie hast du das mit den links gemacht (das sie nicht unterstrichen sind und sich einfärben)? ich weiß zwar wie das geht, hab aber in deinem code nix in der art gefunden....

mfg

nman

Dieser Beitrag wurde gelöscht!

mi+chl

ja, ich verwende IE6...ist das ein problem?

nman

Original erstellt von mi+chl:
ja, ich verwende IE6...ist das ein problem?

Ja, beim Entwurf schon, besorg Dir einen Gecko-based Browser (Mozilla, Phoenix, etc)! Der IE zeigt sowas erst korrekt an, wenn Du genug Text auf einer Seite hast.

mi+chl

was heißt genug?
ein bissl was is nämlich eh schon drauf(eine überschrift und 2 zeilen.....)

nman

Naja, genug dass bei der ersten Zeile umgebrochen wird ohne dass du ein <br /> oder </p> reinschreibst halt.

mi+chl

beim mozilla passts jetzt, danke....

mi+chl

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)

nman

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

mi+chl

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

nman

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">

mi+chl

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

mfg

nman

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. ]

nman

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).

mi+chl

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

mfg

nman

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.

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...

mfg

nman

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.

mi+chl

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

mi+chl

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