Beiträge von lukasn

Transcending CSS kann ich als Buch zu allgemeinem Webdesign mit CSS sehr empfehlen. Gibt es auch auf Deutsch. Für die CMS' gibt's ja auch gute Onlinekurse.

Wenn ich diesen Codeausschnitt aus deiner Website sehe, hab ich das Gefühl die Liste ist dein kleinstes Problem...
Das Internet ist keine Schreibmaschine

[FONT=monospace]<td valign="top"><font style="font-size: 17px" color="#FF8000"><div align="left">
<b>Hol- Bringservice\ Anfahrtskosten</b><br /></font></font><font style="font-size: 12px"><br />
<br />Umgebung ( Hallstadt, D&ouml;rfleins, Oberhaid, evtl Bamberg )&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10&euro;
<br />bis 20km&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;19&euro; <br />
ab 21km&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ab 29&euro;<br /><br /><br /> [/FONT]

<EDIT>

Sorry, in der normalen Forumschrift sehen 2 hochkommas gleich aus wie ein doppeltes Anführungszeichen, hab nix gesagt... Ein weiterer Grund Codetags zu verwenden

surfe zwar meist mit Adblock, hab mich aber auch mal beteiligt

Ich empfehle mal spontan http://de.selfhtml.org/

Ansonsten halt mal Google bemühen...

Wenn du dann die Grundlagen gelernt hast und auf Probleme stösst helfen wir gerne =)

Hängt ganz vom Thema ab. Bei Logos ist es ja meist Sinnvoll, eine Verbindung zur Branche der Firma, oder wofür auch immer das Logo erstellt werden soll, zu erstellen. Für einen Sportverein also vll einen Ball, oder ein Buch für ein Antiquariat etc. Auch gut eignen sich natürlich stilisierte Buchstaben, etwa die Initialen der Firma o.ä.

Auch bei Webseiten kommt es stark auf den Inhalt an. Ein Blog oder eine Newsseite setzt natürlich ganz andere Voraussetzungen an die Seitenstruktur als z.B. eine Website für ein Restaurant oder eine Galerie.
Innerhalb der sinnvollen Struktur kann man allerdings verschiedenste Inspirationen haben, ich schaue mir gerne Fotografien zum Thema an und lasse mich davon inspirieren, ausserdem eignen sich diese auch je nach dem, um eine Farbpalette zu erstellen.
Für einfache Layoutstudien erstelle ich gerne anhand von grauen Boxen, mit welchen ich den Grundaufbau des Layouts erstelle. Diese kann man dann verwenden, um das endgültige Layout zu erstellen. Eine Software für das erstellen von UI-Skizzen, sogenannter Mockups, wäre z.B. Balsamiq, welches ich sehr empfehlen kann. Das selbe lässt sich aber selbstverständlich auch auf Papier oder mit geringen Mehraufwand in Grafikprogrammen erledigen.

Gruss,
-Lukas

Da reichen HTML/CSS nicht mehr aus, das lässt sich am sinnvollsten mit Javascript/jQuery/AJAX und wie sie alle heissen lösen. PHP reicht grundsätzlich auch, ist aber eher schwerfällig für ein GUI.

Am einfachsten löst du das mit einem zusätzlichen HTML-Element. Da es sich um ein Logo handelt, wäre wohl h1 passend, geht aber grundsätzlich mit jedem Blockelement. Markup wie folgt:

<div id="background">
   <h1 id="logo">
   </h1>
</div>

#background {
   width: 100%;
   height: 100%
   background: green;
}


#logo {
   width: 100px;
   height: 35px;
  [COLOR=#ff0000] margin: 0 auto;
   background: url('pfad/zum/bild.jpg');[/COLOR]
}

Die Rot markierten CSS-Regeln sind eigentlich alles was du brauchst. mit margin: 0 auto zentrierst du das Element horizontal im umgebenden Element. Mit background wird wie gewohnt das Bild als Hintergrund gewählt.

Alternativ kannst du auch mit background-position arbeiten, das funktioniert aber nur dann, wenn der 100%-Hintergrund nur eine Farbe, kein Bild, ist.

Verstehe ich das richtig, du möchtest das Gesamtbild das aus der 4 Einzelbildern entsteht herunterladen können? Wenn ja, das ist mit HTML/CSS definitiv nicht machbar, mit PHP möglicherweise schon, da wär' ich aber überfragt.

-Lukas

@unregistriert: <nav> und <header> sind durchaus HTML-Tags, allerdings ist es nicht unbedingt intelligent, jetzt schon mit HTML5 Tags zu arbeiten. Ausserdem müsste der Doctype auch entsprechend angepasst werden, so wie er momentan aussieht geht ja gar nicht.

Hast du da die Websiteexport-Funktion von Photoshop genutzt? Den Quellcode kann man nicht wirklich gebrauchen.

Stichwort CSS Float, in deinem falle float: left; Informier dich mal über Floats, wenn dann wieder ein Problem auftaucht kann dir hier sicher jemand weiterhelfen.

Und dein Problem ist?

Könnte ein Zeichensatzproblem sein, bei mir scheint die Website zu funktionieren.

Könnte etwas damit zu tun haben?

Den Tag mit </title> schliessen, nicht <title>. Sehr hübsches Design übrigens, gefällt mir.

Also, dass bei dem Design Darstellungsfehler auftreten ist ja kein Wunder, was sollen die ganzen nbsp's und <br />? Abstände werden mit CSS gemacht.

Mehrfache Installationen auf Computern die für die gleiche ID freigeschaltet sind sollen möglich sein. Wie es mit dem iPhone aussieht weiss ich allerdings nicht, ich gehe aber davon aus dass die iCloud mit der Apple-ID verknüpft sein wird, könnte da also zu Problemen führen. Allerdings ist es ja problemlos möglich, mehrere iOS geräte mit einem Mac verknüpft zu haben, dann baucht es halt nur noch etwas micromanagement dazu, welche Kontakte mit welchen Geräten synchronisiert werden.

Gruss,
-Lukas

Sorry, aber damit kann man nix Anfangen. Entweder arbeitest du einfach unglaublich unsauber, oder du musst zurück zum Grundlagen lernen... Hier mal die gröbsten Fehler:

<head>-tag wird nirgends geschlossen
<p> hat in ner <ul> nichts zu suchen, da dürfen nur <li> rein.

...was hat das <title> da in nem listenelement zu suchen?

Alles innerhalb des <div id="inhalt"> ist einfach nur noch Kauderwelsch.

Dazu kommen noch verschiedene Flüchtigkeitsfehler wie vergessene Quotes (z.B.: vspace=3"), kurz: Dass die Bilder im Header das einzige Problem sein wollen ist überraschend, der Code ist so nicht zu gebrauchen.

Mit CSS kannst du es mit float lösen, je nach dem wie du sie positionieren willst halt entweder float: left für Beide und den abstand mit margin, oder dem einen float: left, dem anderen : right. Eine Googlesuche nach CSS Float wird dir mehr helfen können.

Nutz CSS, die attribute die du da verwendest sind veraltet und sollten nicht mehr verwendet werden. Mit Glück findest du hier vielleicht jemanden der dir hilft, aber sinnvoller wäre, gleich von Anfang an die bessere Lösung (=CSS) zu verwenden, das ist auch die zusätzliche Zeit wert, die du brauchst um es zu erlernen.