WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Welche Technik um Content darzustellen?

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » html xml - Hilfe für das Erstellen einer Homepage » Welche Technik um Cont... - 16 Dez 2017 Antworten
im Forum für Webhosting Homepage gefunden:
Welche Technik um Content darzustellen?
kgreen
Pixelschubser
Threadstarter




Beiträge: 1

Hallo zusammen,

habe die Tage folgendes Layout erstellt:




Nun zu meinem Problem:
Ich möchte den Content im Kasten auf der rechten Seite darstellen. Allerdings weiß ich nicht genau, welche Technik ich benutzen sollte.

Normalerweise würde ich es nun in Photoshop slicen und in der <td> vom Kasten einfach per PHP die jeweiligen Dateien includen. Allerdings befürchte ich dann, dass ich Probleme mit den Blumen im Hintergrund bekomme. Die sollen zu sehen bleiben, eine Scrollbar ist aber okay. Der Text soll quasi einfach drübergelegt werden.

Da sich der Hintergrund auch nach keinem Muster wiederholt, kann ich wohl auch kein background-repeat benutzen.

Über einen Denkanstoß würde ich mich freuen. Achja, wenn euch was an meinem Layout negativ aufstößt, bin ich auch ganz Ohr.

Vielen Dank im Voraus,
kgreen

  Profil   Editieren   Zitieren
Ori
Mausakrobat




Beiträge: 163

Hallo!

So lange Photoshop Tabellen ausspuckt, solltest du auf das Slicen verzichten. Tabellen sind für tabellarische Daten da.

Die wirkliche Frage ist: Was soll bei Größenänderungen/verschiedenen Auflösungen passieren? Daraus leitet sich dann ab, in wie viele Teilbilder (es sind vermutlich ohnehin Layer) du das ganze zerlegen musst:
* Die Buttons sind wohl unten rechts angedockt, werden also eigener Block
* Der weiße Inhaltsblock steht natürlich auch für sich selbst
* Ebenso die Navigation
* Die Blume, die unten links startet, soll wohl unten links bleiben, sie also auch.
* Die, die unten angrenzen, auch.

Mit CSS 3 kannst du mehrere Hintergrundbilder zuweisen, das hier wäre davon ein klassisches Anwendungsgebiet. Das Grundgerüst wäre dann:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:
...
<body>
 <h1>Schwarze Rose</h1>
 <ul id="navi">
  ...
 </ul>
 <div id="inhalt">...</div>
 <div id="buttons">...</div>
</body>
...


Leider musst du wohl für die weiteren Hintergrundbilder eigene <div>s anlegen, denn CSS 3 ist noch nicht fertig. Die Ausrichtung aller Elemente geschieht dann via CSS, beispielsweise:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:
#inhalt
{
position: absolute;
top: 30px;
right: 30px;
bottom: 40px;
left: 150px;
overflow: auto;
padding-bottom: 30px;
background: url("milchig.png");
}


overflow spendiert #inhalt bei Bedarf eine eigene Scrollleiste, sodass rechts keine auftaucht. Das ließe sich mit etwas mehr Aufwand auch so lösen, dass die Leiste am rechten Rand auftaucht, er aber nur im Kasten scrollt. padding-bottom ist wegen der Buttons dabei, vermutlich soll an anderer Stelle auch etwas Abstand hin.

Diese Nachricht wurde geändert von: Ori
  Profil   E-Mail   Website   Editieren   Zitieren
sabine77
Pixelschubser




Beiträge: 1

Hallo,
generell ist - wie Ori schon sage - ein CSS Layout (hier dazu ein paar Tutorials) immer die beste Variante. Da du keinen Hintergrund hast, der sich wiederholen soll, kannst Du ihn natürlich mittles background: fixed; an der immer gleichen Stelle belassen. Alles, was nicht background-image ist, scrollt dann mit. Der Background aber bleibt gleich.

Du könntest auch dem Inhaltskontainer ein overflow:scroll zuweisen. Somit würde innerhalb dieses Containers ein Scrollbalken erzeugt, falls die Länge des Textes über ihn hinaus geht. In diesem Fall würde also auch der Hintergrund (und alle anderen Elemente) immer an der gleichen Stelle bleiben - nur der Inhalt im Inhaltscontainer wäre scrollbar.

  Profil   Editieren   Zitieren
peter112
Pixelschubser




Beiträge: 1

Hallo,

Ich habe eine website für meine Firma eat-the-world.com und habe dort eine Seite für meinen Gutscheinverkauf eingerichtet. Habt Ihr Vorschläge oder Anreize wie ich die Seite und ihren Content noch besser/ übersichtlicher gestallten könnte?

Wäre über Vorschläge und Ideen sehr erfreut.

Edit by Rieke:
Wir mögen keinen Seo Spam, Link entfernt.

Diese Nachricht wurde geändert von: Rieke
  Profil   Editieren   Zitieren
 

Antworten


Forum » html xml - Hilfe für das Erstellen einer Homepage » Welche Technik um Cont...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Welche Technik um Content darzustellen? im Forum Homepage Hosting AntwortenLetztes Posting
WIe kann ich Datum ausblenden?
in "html xml - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "html xml - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "html xml - Hilfe für das Erstellen einer Homepage"
4 27.06.2017 18:10 von Diskus
Multiplier Your Bitcoins Pay 0.07 BTC get 10 BTC In 12 Hours
in "html xml - Hilfe für das Erstellen einer Homepage"
0 03.03.2017 11:16 von getbtcfast
HTML CSS Lernprogramme
in "html xml - Hilfe für das Erstellen einer Homepage"
5 25.02.2017 20:27 von Powerwalker
HTML Template aus Photoshop heraus?
in "html xml - Hilfe für das Erstellen einer Homepage"
1 16.06.2015 08:58 von Zeus
Positionieren in einer DIV-Box
in "html xml - Hilfe für das Erstellen einer Homepage"
0 02.06.2015 13:45 von Louie
Bilder in Seite
in "html xml - Hilfe für das Erstellen einer Homepage"
1 18.03.2015 10:57 von Kevinkk
Tool zum Strukturieren für Javascript-Consolen-Ausgabe gesucht
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.02.2015 17:42 von Webinator
Problem mit Zeichenverkettung in Javascript
in "html xml - Hilfe für das Erstellen einer Homepage"
2 31.03.2014 19:03 von raiserle
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "html xml - Hilfe für das Erstellen einer Homepage"
3 03.10.2013 19:11 von Annaa
Tabelle mit Mannschaftslogos
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.10.2013 19:09 von Annaa
Frage zu UTF-8 Sonderzeichen für Handy
in "html xml - Hilfe für das Erstellen einer Homepage"
1 20.08.2013 14:56 von Herby



Besucher : 5412601    Heute : 110     Gestern : 1275     Online : 23     16.12.2017    2:19      0 Besucher in den letzten 60 Sekunden        
Die letzten 30 Referrer :

1 22:34 - https://de.search.yahoo.com/search - verstopftes wc
2 21:36 - google.de/search - website grabben und eigenes design
3 18:51 - google.de/search - webspace aufteilen
4 18:13 - google.com/search - content
5 15:51 - google.com/search - content
6 10:11 - google.com/search - content
7 21:59 - google.com/search - content
8 21:56 - google.com/search - content
9 20:09 - google.com/search - content
10 20:08 - google.com/search - content
11 18:55 - google.com/search - content
12 18:19 - google.com/search - content
13 17:07 - google.com/search - content
14 16:21 - google.com/search - content
15 15:21 - google.com/search - content
16 15:07 - google.com/search - content
17 13:53 - google.com/search - content
18 10:39 - google.com/search - content
19 10:15 - google.com/search - content
20 9:26 - google.com/search - content
21 8:13 - google.com/search - content
22 22:56 - google.de/search - hefeweizenglas der kopf tut weh
23 17:53 - bing.com/search - kostenlose weihnachtslieder zum kopieren
24 15:22 - bing.com/search - flugverfolgung erfahrungen forum
25 14:49 - google.com/search - content
26 14:48 - google.com/search - content
27 14:45 - google.com/search - content
28 14:34 - google.com/search - content
29 10:17 - google.com/search - content
30 10:15 - sm.de/ - dienstweihnachtsbaum-verordnung für beamte

Nach oben