Alles rund um Websites

[rdmlp]

Danke, scheint seine Funktion zu erfüllen

[Mana_Kyusai]

Ich bin schon wieder ratlos. D:

Ich wollte quasi eine Tabellenübersicht ohne <table> etc. erstellen und ahbe mich für Definitionslisten entschieden. Allerdings bin ich damit nciht wirklich zufrieden.
-->Klick mich
Das Bild hängt z.B. über den Inhalt raus, außerdem konnte ich den "Umbruch" nur durch viele <br> erreichen.

Css

Code:

dl.stecki {
    margin: 2em 0;
}

.stecki dt {
    float: left;
    /*width: 15em;*/
    padding-bottom: 1.5em;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;    
}

.stecki dd {
    margin-left: 10em;
    padding-bottom: 1.5em;
    font-size: 12px;
    line-height: 1.5;    
}

html

Code:

<div id="content">
<img src="titelbild_wakare_no_mori.jpg" width="250px" style="float:left; margin:0 10px 10px 0;" />

<dl class="stecki" style="overflow:auto;">
  
<dt>Wakare no Mori</dt>
    <dd>April-Juli 2004</dd>
<dt>Seiten</dt>
    <dd>15</dd>
<dt>Story</dt>
    <dd>JOPProjekt</dd>
<dt>Art</dt>
    <dd>Mana</dd>
<dt>Info</dt>
    <dd>Für den Connichi-Wettberwerb entstanden unter enormen Zeitdruck. Leider sah man das auch.
        Trotzdem mochte ich die Charas sehr. :3</dd>

</dl>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
    <img src="titelbild_kyusai_alt.jpg" width="250" style="float:left; margin:0 10px 10px 0;" />
    <dl class="stecki" style="overflow:auto;">
  
<dt>Kyusai</dt>
    <dd>November-Dezember 2003</dd>
<dt>Seiten</dt>
    <dd>15</dd>
<dt>Story</dt>
    <dd>JOPProjekt</dd>
<dt>Art</dt>
    <dd>Mana</dd>
<dt>Info</dt>
    <dd>Eine sehr sch&ouml;ne Story von Elli. Ich hatte mich sehr gefreut sie umsetzen zu dürfen. Leider hatte ich mit den Hintergründen viele Schwierigkeiten. </dd>

</dl>

</div>

Kann ich eine ähnlich Darstellung auch mit etwas anderem erreichen?


@Zerko: Danke für den Hinweis und die Lösung. Klappt prima. :3

[Saij]

Für solche Tabellen kannst du ruhig <table> nutzen.

Das Bild hängt raus, weil es sich durch die Float Eigenschaft außerhalb des normales Textflusses sind.

Ansonsten: jeden Block in ein eigenes <div> packen und dem Div eine fest Höhe zuweisen. Dann brauchst du auch nicht so viele <br> Tags verwenden.

[L]

Deadend

[Saij]

Das mit dem Clear hab ich doch glatt vergessen -.-

Aber mit Margin würde ich das nicht lösen, sondern entsprechende Boxen mit <div> erstellen und denen eine feste Höhe geben um das zu realisieren. Klar kann man diesen Boxen dann noch einen Margin mitgeben um den Abstand nach unten zu lösen, aber wichtig ist hierbei die feste Höhe.

[rdmlp]

Ich komme dann man wohl zu etwas recht einfachen. Da ich aber nun CSS Boxen und keine Bilddatein im Layout verwende, weiß ich nicht wie ich nun vorgehen soll. Ich möchte die Überschrifft "Willkommen auf rdmlp.de" mittig setzen. (Mit Mittg meine ich, hinter der Navigationsleiste aus gesehen!). Webseite
Wie schaffe ich es also Text in einer CSS-Box beliebig auszurichten?
Habe zwar Google danach gefragt, aber irgentwie verstehe ich nicht wirklich, dass was Google mir ausspuckt.

[Saij]

Mit CSS: align: center

[rdmlp]

Aja ok, aber wie mache ich dass, wenn ich den Text an einer beliebigen Stelle in einer CSS-Box haben will?

[L]

Deadend

[rdmlp]

So, ist ja schon ganzschön untergegangen der Thread.
Naja, dann mal etwas Leben reinbringen.

Und zwar: Ich fliege am kommenden Freitag für zweiwochen nach Florida.
Meine Webseite habe ich hier bei mir zuhause auf einem Notebook laufen.
Dieses möchte ich in diesen zwei Wochen nur ungern laufen haben.

Daher würde ich gerne meine Homepage temporär für diese zwei Wochen auf einen
Hoster verlagern. Dieser sollte aber möglichst nichts kosten. Viel verlange ich nicht.
Wäre nur schön, wenn er per FTP zu erreichen ist (was aber wohl sowieso sein wird, denn
wie sonst soll man die Daten darauf kriegen ). Viel Spreicher brauche ich nicht, maximal 100MB
sollten vollkommen ausreichen. Achja, und keine Werbung wäre auch gut.

Wenn mir jemand was empfehlen kann, wäre dies sehr toll.

[Elandulí]

Ich selbst hab bisher immer den Server von einem Freund benutzen können
aber einige meiner Freunde halten bplaced.net/ für eine ziemlich gute möglichkeit.
Du hast 2GB, PHP5, 8x FTP, 8x MySQL, 8x PostgreSQL und unlimitierten traffic.

Keine Ahnung wie die sich Finanzieren^^

[Saij]

Kann dir auch gerne temporär Webspace anbieten auf Subdomain-Basis (kostenlos).
Einfach melden und weiteres besprechen

[Mana_Kyusai]

Wie still es hier geworden ist.

Ich wollte euch nur mitteilen, dass ich mein "Baby" endlich fertig habe. Vielen Dank noch mal an alle, die mir so lieb geholfen und meine Fragen beantwortet haben.

Hier ist das Endergebnis: panda-chan.de
(falls mal jemand schauen mag ^^)