[*BSD|UNIX]

Hallo,

ich würde gerne meine Freundin mit einer kleinen Website überraschen. Leider habe ich bisher nicht allzu viel Ahnung von Webprogrammierung und -design.
Ein grobes Layout habe ich bereits erarbeitet, aber ich weiß nun nicht genau, wie ich das nun erstelle.

Bin für jede Hilfe dankbar, wenn mir jemand sogar helfen könnte, wäre das ganz toll. Zumindest das Grundgerüst, wie es auf dem Bild zu sehen ist..

lg,
UNIX

[TraXXMale]

wenn du ein 0-ahnunghabender bist, empfehle ich dreamweaver, damit sollte
die umsetzung deines groben layouts kein problem sein...

[StaTiC]

erst einmal finde ich es gut, dass du eine zeichnung gemacht hast. einmal für dich um nen groben plan zu haben zum anderen für uns

also dreamweaver ist zwar schön und gut. allerdings sollte man damit vorsichtig sein, vor allem wenn man noch nicht so viel ahnung hat.

ich würde trotz deiner momentanen unwissenheit trotzdem die neuen (und etwas schwierigeren techniken) empfehlen. nicht erschrecken, die einarbeitung ist etwas komplizieret. aber wenn man schon etwas macht, dann richtig.

also das layout würde ich mit css machen
dein design ist relativ simpel

ein grundlayout kannste mit div und css erstellen
http://www.stichpunkt.de/css/bereiche.html ist hilfreich

abgerundete ecken bekommste hier
http://www.andreas-kalt.de/webdesign...ls/runde-ecken

zusätzlich empfehle ich wie immer firefox als browser mit den extensions
"html validator", "web developer" und "firebug" damit kann man im browser auch validität testen und auch mal spontan nen wert verändern ohne gleich die css ändern zu müssen

[*BSD|UNIX]

Hallo,
Danke, CSS habe ich mir schon etwas angesehen.

Im Moment habe ich folgendes Problem (siehe Anhang).

Das Bilder mit dem Opossum sowie das Menübild wiederholen sich. Wie kann ich das beheben?

Meine index.html sieht in etwa so aus:

<table width="72%" align="center" border="0">

<tr>
<td width="115px" height="449px" style="background-image:url(img/menu.jpg)"> <!-- menue -->
<li />Opossum<br />
    <ul>
      <li>Allgemein</li>
      <li><a href="haltung.html">Haltung</a></li>
<li />Kontakt<br />
</td>
<td width="615px" height="461px" valign="top" style="background-image:url(img/background.jpg)"> <!-- text & grafik -->
<br/>
<br/>
<br/>
<br/>text
</td>

Bin wie immer für jede Hilfe dankbar.

lg,
unix

[didal]

das könnte die lösung sein: background-repeat:no-repeat;

quelle: http://de.selfhtml.org/css/eigenscha...intergrund.htm

[*BSD|UNIX]

Hallo,
danke für deine Hilfe, das Problem besteht aber leider weiterhin.

<table width="72%" align="center" border="0">

<tr>
<td width="115px" height="449px" style="background-image:url(img/menu.jpg)" ; background-repeat:no-repeat;> <!-- menue -->
<li />Opossum<br />
    <ul>
      <li>Allgemein</li>
      <li><a href="haltung.html">Haltung</a></li>
<li />Kontakt<br />
</td>
<td width="615px" height="461px" valign="top" style="background-image:url(img/background.jpg)" ; background-repeat:no-repeat;> <!-- text & grafik -->
<br/>
<br/>
<br/>
<br/>text
</td>

Oder habe ich es an der falschen Stelle eingefügt?

[Kirby]

Statt
<td width="115px" height="449px" style="background-image:url(img/menu.jpg)" ; background-repeat:no-repeat;> <!-- menue -->
musst du
<td width="115px" height="449px" style="background-image:url(img/menu.jpg); background-repeat: no-repeat;"> <!-- menue -->
schreiben.
Das behebt den Fehler, ist aber immer noch schlecht.
Besser ist:
<td style="width: 115px; height: 449px; background-image:url(img/menu.jpg); background-repeat: no-repeat;"> <!-- menue -->

Ich finde es Schade, dass du trotz des netten CSS-Links an dem beschissenen unschönen Tabellenlayout festhältst, denn noch besser wäre es das ganze mit Containern zu realisieren und die dazu gehörigen Attribute mit ID und Klassen global zu definieren.

[*BSD|UNIX]

Danke für deine Hilfe Kirby, nun funktioniert es.

Im Moment möchte ich es erst noch mit HTML machen, da ich dort noch einige Grundlagen lernen möchte, ehe ich mit CSS anfange.
Ich habe aber vor, es später in CSS zu machen, da ich mit den Tabellen schon teilweise Probleme hatte

[Kirby]

Zitat von *BSD|UNIX 

Danke für deine Hilfe

Sowas hört man hier selten

[StaTiC]

Zitat von *BSD|UNIX 

Danke für deine Hilfe Kirby, nun funktioniert es.

Im Moment möchte ich es erst noch mit HTML machen, da ich dort noch einige Grundlagen lernen möchte, ehe ich mit CSS anfange.
Ich habe aber vor, es später in CSS zu machen, da ich mit den Tabellen schon teilweise Probleme hatte

html und css sind keine konkurrierende techniken.
außerdem sind css-layouts weitaus pflegeleichter und effektiver als die tabellenlayouts.

achja lager die stylesheet informarionen in ein css file aus. ist besser als im html code