Layout
Hallo,
angenommen ich möchte dieses Layout verwenden:
https://www.layoutdealer.de/preview/ffb0 ... 759265.jpg
wie kann ich da dann z.B. in den beiden weiß umrandeten Feldern Text rein bekommen?
Könnt ihr mir das bitte alles etwas genauer erläutern, ich habe recht wenig plan von so etwas.
Da das Bild im Moment eine ganz normale Grafik ist, könntest du mit jedem beliebigen Bildbearbeitungsprogramm (sogar Paint) den Text damit reinschreiben. Als Website müsstest du den Text im Quelltext einfach zwischen die <td> codes schreiben...
Ich war mal so frei dir die Homepage zu schreiben:
@ CloneadminCode:<html> <head> <title>-good-'s Homepage</title> </head> <body style="background-image:url(https://www.layoutdealer.de/preview/f...6ba3759265.jpg); margin:0px; color:#FFFFFF; width:1024px; height:746px;"> <div style="position:absolute; top:383px; left:15px; width:158px; height:353px;"> <p style="margin:3px;">Hier kommt dann dein Text rein. Und zwar ist das das kleine Kästchen auf der linken Seite. Aber der Text hier ist nur dafür da, dass du ihn schneller im Quelltext findest, um ihn zu ändern.</p> </div> <div style="position:absolute; top:359px; left:599px; width:418px; height:252px;"> <p style="margin:3px; scroll:auto;">Tja, dann muss das hier ja wohl das zweite Feld sein. Also auch hier ein bisschen Text, damit du siehst, wie das dann später aussehen wird. Und so ist dieser Text ja auch einfacher im Quelltext zu finden. Falls du dann noch Fragen hast, habe ich eine tolle Idee für dich: Geh mal auf folgende Homepage: https://de.selfhtml.org/</p> </div> </body> </html>
Ich hab kein einziges mal <td> benutzt. Denn man sollte sein Layout mithilfe von <div>'s lösen. Du kannst dir ja auch mal den Quelltext anschauen.
Vielen Dank für die schnlle Antwort, aber woher kennt man z.B. die angaben:
sind wie ich festgestellt habe keine Standart angaben (habe es mal mit einer anderen Grafik Probiert)Code:margin:0px; color:#FFFFFF; width:1024px; height:746px;"> <div> <p style="margin:3px;"
Und eine weitere Frage, was ist wenn man eine kleiner Grafik verwenden möchte, die wurde nun mehrfach auf den Monitor bei mir angezeigt, kann man die nicht fixieren so das alles umzu einfach weiß bleibt?
Hallöchen,
schau dir mal folgende Webseite an: https://www.css4you.de/
margin ist der Außenabstand. Der steht auf "0", damit man keinen weißen Rand drumherum hat.Code:<body style="margin:0px; color:#FFFFFF; width:1024px; height:746px;">
color ist die Textfarbe. Bei diesem Bild hat sich nunmal weiß angeboten, damit überhaupt was lesen kann.
width & height sind die Größenangaben des Bildes. Damit das ganze Bild auf dem Bildschirm angezeigt wird.
Das ist dafür da, damit der Text nicht an der Box "klebt", sondern mit etwas Abstand dazu. Das sieht einfach nur besser aus.Code:<p style="margin:3px;">
Ansonsten kann ich dir nur empfehlen etwas CSS zu lernen. Entweder auf der Website, die dir Dirk genannt hat oder die, die ich dir in den Quelltext geschrieben habe: https://de.selfhtml.org/
Hallo,
vielen Dank für die Hilfe, das habe ich nun alles soweit hin bekommen und verwende nun mein eigenes Layout was ich schon vor längeren erstellt habe.
Nun habe ich aber folgendes Problem,
Da passt in einer Zeile jeweils nur ein Wort so das Navigationspunkte mit 2 Worten untereinander stehen, wie kann ich das ändern?Code:margin:0px; color:#FFFFFF; width:1024px; height:746px;"> <div> Navigation Navigations Bezeichnung Navigations Bezeichnung mit mehr Worten</p> </div>
*edit*
moment, bitte.
Es wird nicht alles angezeigt, ich lade es als .txt hoch.
https://www.file-upload.net/download-428 ... e.txt.html
Wenn du einen Beitrag mit HTML-Quelltext posten willst, dann musst du ein Häkchen bei HTML in diesem Beitrag deaktivieren machen. Das ist eine Sicherheitsmaßnahme, nur wenn es dich interessiert.
Und nun zu deinem Quellcode:
Du musst die komplette URL zu deinem Hintergrundbild angeben. Und dieses Bild muss online gestellt sein, damit wir es überhaupt sehen können. Denn im Moment kann man nichts erkennen, da auch noch die Schriftfarbe weiß ist.
Es werden bei dir zwei Zeile angezeigt, da das <div>-Element nicht breiter ist und Browser dann automatisch einen Umbruch machen. Also einfach das <div>-Feld vergrößern.
Und ich würde dir dringend mal empfehlen ein HTML-Tutorial durchzulesen. Was du uns im Moment fragst, das sind Anfängerfragen. Hier ist mal eins, damit du nicht suchen musst:
https://de.selfhtml.org/html/allgemein/t ... chnung.htm
Für alle, die sich seinen Quellcode nicht extra runterladen wollen:
Code:<DOCTYPE> <html> <head> <title>Homepage</title> </head> <body> <div> Navigation NavigationsPunkt 1 Navigationspunkt 2</p> </div> <div> Tja, dann muss das hier ja wohl das zweite Feld sein. Also auch hier ein bisschen Text, damit du siehst, wie das dann später aussehen wird. Und so ist dieser Text ja auch einfacher im Quelltext zu finden. Falls du dann noch Fragen hast, habe ich eine tolle Idee für dich: Geh mal auf folgende Homepage: <a>https://de.selfhtml.org/</a></p> </div> </body> </html>
Zitieren