• Aktualisierte Forenregeln

    Eine kleine Änderung hat es im Bereich Forenregeln unter Abschnitt 2 gegeben, wo wir nun explizit darauf verweisen, dass Forenkommentare in unserer Heftrubrik Leserbriefe landen können.

    Forenregeln


    Vielen Dank

HTML: Grafiken positionieren (möglichst ohne Tabellen)

fake-plastic-tree

Spiele-Enthusiast/in
Registriert
30.03.2004
Beiträge
1.584
Reaktionspunkte
0
HTML: Grafiken positionieren (möglichst ohne Tabellen)

Ich weiß nicht, wie ich meine Buttons "sauber" positionieren kann. :|
Zur Zeit sieht es so aus: http://www.free-webspace.biz/fake-plastic-tree/somethingdelicious/home.html Aber wie man sieht, sind die Buttons links mit Hilfe von %nbsp; (8 Stück davon :B ) ausgerichtet, was natürlich nicht besonders schön ist. Daher könnt ihr euch meine Frage ja denken...
Nur zwei Einschränkungen: Möglichst ohne Tabelle (ich komme damit gar nicht klar), falls doch, dann bitte zeigen, wie es gemacht wird (und bitte nicht auf de.selfhtml.org verweisen ;) ) - und dann möchte ich die gerne in der Einheit Pixel ausrichten und nicht mit align="center"-Attributen oder so, weil mir das viel zu ungenau ist.


Für die, die sich meine Frage jetzt nicht denken können: Wie richte ich die Grafiken jetzt aus?
:B

Achso, hier noch der Quelltext...
navigation.html schrieb:
<html>

<head>

<style type="text/css">

<!--
@import url(navigation.css) ;
-->

</style>

</head>

<body bgcolor="efefef">

<p>

</br>

<a href="publication.html" target="_self" > <img src="button_publication.png" border="0" /> </a>

</br>

<a href="tableaus.html" target="_self" > <img src="button_tableaus.png" border="0" /> </a>

</br>

<a href="furthermore.html" target="_self" > <img src="button_furthermore.png" border="0" /> </a>

</br>

<a href="liaison.html" target="_self" > <img src="button_liaison.png" border="0" /> </a>

</p>

</body>

</html>

Und noch die navigation.css... (falls man die braucht)
navigation.css schrieb:
body {background-image: url(navi_background.png); background-repeat: no-repeat; background-position: 39px 0px}

Ach, nicht wundern, dass die Links noch nicht gehen...
Oh, man sieht die ganzen nbsp; gar nicht... naja, dann denkt sie euch, die stehen vor den <a... -Tags.
 
AW: HTML: Grafiken positionieren (möglichst ohne Tabellen)

Ok, dieser Thread geht wieder mal als überflüssig dahin, weil ich schon gefunden hab, was ich wollte. Aber für die, die das auch wissen wollen, geb ich das noch mal an...

Einfach vor den tag <a...bla /> einen <div>-Tag setzen, der wie folgt aussieht:
<div style="margin-left:25px"> <a...bla /> </div>
Woebi hier jetzt der Abstand zum linken Rand 25 Pixel wäre.

Desweiteren...
<div style="margin-left:25px; margin-top: 30px"> <a...bla /> </div>
Hier wäre der Abstand nach links 25 Pixel, der Abstand nach oben 30 Pixel. Ich denke, jetzt sollte alles klar sein (das hier wird vermutlich sowieso niemand lesen). Man kann dann übrigens auch negative Werte benutzen...

Gute Nacht
 
Zurück