PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Positionierung einer geslicten Website
Beitrag
<blockquote data-quote="Derfeinemo" data-source="post: 2554695"><p>Hallo.</p><p>Ich bastel mir gerade eine Seite mit Dreamweaver zusammen, das Layout habe ich via Photoshop gebastelt, gesliced und für Web und Geräte in eine HTML Datei exportieren lassen, welche ich in Dreamweaver geöffnet habe. Ich weiß nicht ob dieser Weg besonders klug oder dumm ist, um eine Seite aufzubauen. Doch funktioniert bis jetzt alles wie es soll, ich kann texten, verlinken, Videos einbinden etc., einziger Haken bislang: die Seite erscheint stets linksbündig im Browser.</p><p>Ich bin mir bewusst, dass viele Leute sich nun vermutlich an den Kopf fassen werden und auf die zahlreichen Einträge im Forum verweisen. Nach ewig langer Suche, sowohl hier als auch mit Google, habe ich immer noch nichts gefunden, was mir wirklich hilft (außer vielen Nutzern, denen es ähnlich geht).</p><p>Es wäre schön wenn jemand kurz Zeit hätte mir weiterzuhelfen, da dies bestimmt auch für andere Anfänger von Nutzen sein wird, zudem sieht es nach nicht so viel Aufwand aus (sofern man kein Noob ist <img src="/styles/default/xenforo/smilies/tongue.gif" class="smilie" loading="lazy" alt=":P" title="Stick Out Tongue :P" data-shortname=":P" />)</p><p>Quellcode:</p><p></p><p>[html]<html></p><p><head></p><p><title>Skiffle-Train</title></p><p><link rel="shortcut icon" href="favicon.ico"></p><p><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></p><p><style type="text/css"></p><p>#Tabelle_01 tr td {</p><p> text-align: justify;</p><p> font-family: Verdana, Geneva, sans-serif;</p><p> font-size: 14px;</p><p> background-image: url(Bilder/main_04.jpg);</p><p>}</p><p>#Tabelle_01 tr td p {</p><p> font-family: Verdana, Geneva, sans-serif;</p><p>}</p><p></style></p><p></head></p><p><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"></p><p><!-- Save for Web Slices (main.jpg) --></p><p><table id="Tabelle_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0"></p><p> <tr></p><p> <td colspan="16"></p><p> <img src="Bilder/main_01.jpg" width="1024" height="237" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td colspan="16"></p><p> <img src="Bilder/main_02.jpg" width="1024" height="15" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td rowspan="6"></p><p> <img src="Bilder/main_03.jpg" width="23" height="516" alt=""></td></p><p> <td colspan="7" rowspan="3"><p>Herzlich Willkommen auf unser Homepage. Hier finden Sie viele n&uuml;tzliche Informationen rund um den Skiffle. Die Geschichte des Skiffles ist schnell erz&auml;hlt: Skiffle setzt sich ganz klassisch aus Instrumenten wie der Gitarre, dem Waschbrett, der Teekiste, dem Kontrabass und vielem mehr zusammen. Wichtig ist nat&uuml;rlich der Gesang, welcher auf der Basis der Folk-, Country-, Blues und Jazzmusik f&uuml;r gute Laune sorgt!</p></p><p> <p>Bekannt geworden ist diese Musikrichtung w&auml;hrend der 50er Jahre in England und viele heute bekannte Bands und K&uuml;nstler wie etwa die Beatles, die Rolling Stones, Eric Clapton, Rod Steward, Led Zeppelin uvm. starteten ihre Karrieren mit Skiffle Musik. In den 70ern gab es in Deutschland ein gro&szlig;es Revival und noch heute ist der Skiffle ein Begriff, beispielsweise beim j&auml;hrlich stattfindenden Hamburger Skiffle Festival, wo auch diese Gruppe vertreten ist.</p></p><p> <p>Unsere Gruppe besteht bereits seit &uuml;ber 30 Jahren. Was Uns ausmacht, ist eine Menge Spa&szlig;, Leidenschaft und ein guter Sound! H&ouml;ren Sie einfach mal rein! Sollten wir bereits ihr Interesse geweckt haben, finden sie hier au&szlig;erdem die M&ouml;glichkeit unsere CDs zu erwerben oder uns direkt f&uuml;r Feste oder zu besonderen Anl&auml;ssen zu buchen. </p></p><p> <p>Viel Spa&szlig; w&uuml;nscht der Skiffle Train!</p></td></p><p> <td colspan="8"></p><p> <img src="Bilder/main_05.jpg" width="410" height="136" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td></p><p> <img src="Bilder/main_06.jpg" width="43" height="201" alt=""></td></p><p> <td colspan="5"></p><p> <iframe width="268" height="201" src="https://www.youtube-nocookie.com/embed/fDPz5fif3IA?rel=0" frameborder="0" allowfullscreen></iframe></td></p><p> <td colspan="2"></p><p> <img src="Bilder/main_08.jpg" width="99" height="201" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td colspan="8"></p><p> <img src="Bilder/main_09.jpg" width="410" height="84" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td colspan="15"></p><p> <img src="Bilder/main_10.jpg" width="1001" height="14" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td><a href="about.html"><img src="Bilder/main_11.jpg" width="154" height="63" alt=""></a></td></p><p> <td></p><p> <img src="Bilder/main_12.jpg" width="11" height="63" alt=""></td></p><p> <td><a href="live.html"><img src="Bilder/main_13.jpg" width="154" height="63" alt=""></a></td></p><p> <td></p><p> <img src="Bilder/main_14.jpg" width="11" height="63" alt=""></td></p><p> <td><a href="albums.html"><img src="Bilder/main_15.jpg" width="154" height="63" alt=""></a></td></p><p> <td></p><p> <img src="Bilder/main_16.jpg" width="11" height="63" alt=""></td></p><p> <td colspan="3"><a href="contactformular.html"><img src="Bilder/main_17.jpg" width="154" height="63" alt=""></a></td></p><p> <td></p><p> <img src="Bilder/main_18.jpg" width="11" height="63" alt=""></td></p><p> <td><a href="links.html"><img src="Bilder/main_19.jpg" width="154" height="63" alt=""></a></td></p><p> <td></p><p> <img src="Bilder/main_20.jpg" width="11" height="63" alt=""></td></p><p> <td colspan="2"><a href="impressum.html"><img src="Bilder/main_21.jpg" width="154" height="63" alt=""></a></td></p><p> <td></p><p> <img src="Bilder/main_22.jpg" width="22" height="63" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td colspan="15"></p><p> <img src="Bilder/main_23.jpg" width="1001" height="18" alt=""></td></p><p> </tr></p><p> <tr></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="23" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="96" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="43" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="77" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="77" height="1" alt=""></td></p><p> <td></p><p> <img src="Bilder/Abstandhalter.gif" width="22" height="1" alt=""></td></p><p> </tr></p><p></table></p><p><!-- End Save for Web Slices --></p><p></body></p><p></html>[/html]</p><p></p><p>Die Seite ist 1024px breit und 768px hoch. Ich hoffe sehr jemand kann helfen und mir vor allem sagen, an welcher Stelle man was einfügen muss.</p><p></p><p>Vielen Dank!</p></blockquote><p></p>
[QUOTE="Derfeinemo, post: 2554695"] Hallo. Ich bastel mir gerade eine Seite mit Dreamweaver zusammen, das Layout habe ich via Photoshop gebastelt, gesliced und für Web und Geräte in eine HTML Datei exportieren lassen, welche ich in Dreamweaver geöffnet habe. Ich weiß nicht ob dieser Weg besonders klug oder dumm ist, um eine Seite aufzubauen. Doch funktioniert bis jetzt alles wie es soll, ich kann texten, verlinken, Videos einbinden etc., einziger Haken bislang: die Seite erscheint stets linksbündig im Browser. Ich bin mir bewusst, dass viele Leute sich nun vermutlich an den Kopf fassen werden und auf die zahlreichen Einträge im Forum verweisen. Nach ewig langer Suche, sowohl hier als auch mit Google, habe ich immer noch nichts gefunden, was mir wirklich hilft (außer vielen Nutzern, denen es ähnlich geht). Es wäre schön wenn jemand kurz Zeit hätte mir weiterzuhelfen, da dies bestimmt auch für andere Anfänger von Nutzen sein wird, zudem sieht es nach nicht so viel Aufwand aus (sofern man kein Noob ist :P) Quellcode: [html]<html> <head> <title>Skiffle-Train</title> <link rel="shortcut icon" href="favicon.ico"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> #Tabelle_01 tr td { text-align: justify; font-family: Verdana, Geneva, sans-serif; font-size: 14px; background-image: url(Bilder/main_04.jpg); } #Tabelle_01 tr td p { font-family: Verdana, Geneva, sans-serif; } </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices (main.jpg) --> <table id="Tabelle_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="16"> <img src="Bilder/main_01.jpg" width="1024" height="237" alt=""></td> </tr> <tr> <td colspan="16"> <img src="Bilder/main_02.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="6"> <img src="Bilder/main_03.jpg" width="23" height="516" alt=""></td> <td colspan="7" rowspan="3"><p>Herzlich Willkommen auf unser Homepage. Hier finden Sie viele nützliche Informationen rund um den Skiffle. Die Geschichte des Skiffles ist schnell erzählt: Skiffle setzt sich ganz klassisch aus Instrumenten wie der Gitarre, dem Waschbrett, der Teekiste, dem Kontrabass und vielem mehr zusammen. Wichtig ist natürlich der Gesang, welcher auf der Basis der Folk-, Country-, Blues und Jazzmusik für gute Laune sorgt!</p> <p>Bekannt geworden ist diese Musikrichtung während der 50er Jahre in England und viele heute bekannte Bands und Künstler wie etwa die Beatles, die Rolling Stones, Eric Clapton, Rod Steward, Led Zeppelin uvm. starteten ihre Karrieren mit Skiffle Musik. In den 70ern gab es in Deutschland ein großes Revival und noch heute ist der Skiffle ein Begriff, beispielsweise beim jährlich stattfindenden Hamburger Skiffle Festival, wo auch diese Gruppe vertreten ist.</p> <p>Unsere Gruppe besteht bereits seit über 30 Jahren. Was Uns ausmacht, ist eine Menge Spaß, Leidenschaft und ein guter Sound! Hören Sie einfach mal rein! Sollten wir bereits ihr Interesse geweckt haben, finden sie hier außerdem die Möglichkeit unsere CDs zu erwerben oder uns direkt für Feste oder zu besonderen Anlässen zu buchen. </p> <p>Viel Spaß wünscht der Skiffle Train!</p></td> <td colspan="8"> <img src="Bilder/main_05.jpg" width="410" height="136" alt=""></td> </tr> <tr> <td> <img src="Bilder/main_06.jpg" width="43" height="201" alt=""></td> <td colspan="5"> <iframe width="268" height="201" src="https://www.youtube-nocookie.com/embed/fDPz5fif3IA?rel=0" frameborder="0" allowfullscreen></iframe></td> <td colspan="2"> <img src="Bilder/main_08.jpg" width="99" height="201" alt=""></td> </tr> <tr> <td colspan="8"> <img src="Bilder/main_09.jpg" width="410" height="84" alt=""></td> </tr> <tr> <td colspan="15"> <img src="Bilder/main_10.jpg" width="1001" height="14" alt=""></td> </tr> <tr> <td><a href="about.html"><img src="Bilder/main_11.jpg" width="154" height="63" alt=""></a></td> <td> <img src="Bilder/main_12.jpg" width="11" height="63" alt=""></td> <td><a href="live.html"><img src="Bilder/main_13.jpg" width="154" height="63" alt=""></a></td> <td> <img src="Bilder/main_14.jpg" width="11" height="63" alt=""></td> <td><a href="albums.html"><img src="Bilder/main_15.jpg" width="154" height="63" alt=""></a></td> <td> <img src="Bilder/main_16.jpg" width="11" height="63" alt=""></td> <td colspan="3"><a href="contactformular.html"><img src="Bilder/main_17.jpg" width="154" height="63" alt=""></a></td> <td> <img src="Bilder/main_18.jpg" width="11" height="63" alt=""></td> <td><a href="links.html"><img src="Bilder/main_19.jpg" width="154" height="63" alt=""></a></td> <td> <img src="Bilder/main_20.jpg" width="11" height="63" alt=""></td> <td colspan="2"><a href="impressum.html"><img src="Bilder/main_21.jpg" width="154" height="63" alt=""></a></td> <td> <img src="Bilder/main_22.jpg" width="22" height="63" alt=""></td> </tr> <tr> <td colspan="15"> <img src="Bilder/main_23.jpg" width="1001" height="18" alt=""></td> </tr> <tr> <td> <img src="Bilder/Abstandhalter.gif" width="23" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="96" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="43" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="154" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="77" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="77" height="1" alt=""></td> <td> <img src="Bilder/Abstandhalter.gif" width="22" height="1" alt=""></td> </tr> </table> <!-- End Save for Web Slices --> </body> </html>[/html] Die Seite ist 1024px breit und 768px hoch. Ich hoffe sehr jemand kann helfen und mir vor allem sagen, an welcher Stelle man was einfügen muss. Vielen Dank! [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Positionierung einer geslicten Website
Oben