Banner ist nicht richtig


  • h4wX
  • 1182 Aufrufe 12 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Banner ist nicht richtig

    Also ich bins mal wieder.
    Ich habe folgendes Problem: Der Banner ist nicht richtig zentriert.
    Schaut euch das Bild bitte an:
    d78.de/images/1210687923help.JPG

    So der Banner sollte ganz oben und ganz rechts vom Bild anfangen, und wieder ganz Links vom Bild aufhören.

    Das ist mein Code:


    <html>
    <head>
    </head>
    <body style="background color:000000">
    <img src="banner.jpg" width="100%" height="15%" border="0" alt="Bild" />
    </body>
    </html>


    Wie kann ich das beheben?

    mfg. h4wX

  • Ganz Links und ganz rechts wirst Du wohl nie hinbekommen!

    Weil jeder eine andere Bildschirmauflösung hat.

    Ich an Deiner stelle würde mich für 1024x768 entscheiden, das ist die gängigste.

    Daran würde ich die komplette HP ausrichten.

    Wer größer fährt der hat halt ein wenig schwarz drumrum.

    mfg
    joda1408

  • Funktioniert bei mir nicht

    <html>
    <head>
    </head>
    <body>
    <div id="fullScapeTop"><!-- TOP -->
    <img src="banner.jpg" width="100%" height="15%" border="0" alt="Bild" />
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div align="left">
    <a href="http://www.html-seminar.de/">
    <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_home.jpg"
    width="202" height="28" border="0" /><br>
    </a>
    <a href="http://www.html-seminar.de/">
    <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_aboutme.jpg"
    width="202" height="28" border="0" /><br>
    </a>
    <a href="http://www.html-seminar.de/">
    <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_downloads.jpg"
    width="202" height="28" border="0" /><br>
    </a>
    <a href="http://www.html-seminar.de/">
    <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_links.jpg"
    width="202" height="28" border="0" /><br>
    </div>
    </a>
    </div>
    </body>
    </html>

  • Planethtml hat ein div mit einem Hintergrundbild, das sich x-mal wiederholt. So sieht das aus, als wäre es ein Bild..

    joda1408 schrieb:

    Ich an Deiner stelle würde mich für 1024x768 entscheiden, das ist die gängigste.

    Sehr viele Leute nutzen heute 1280x1024. Ich würde es eher andersrum sagen. 1280x1024 ist das gängige ;)

    Aber vielleicht hilft dir dieser Beitrag von Broken Sword weiter?
    freesoft-board.to/2616492-post7.html

    mfg
    Snip3r
    Rechteübersicht * Forenregeln * F.A.Q. * Lexikon
    Suchfunktion * Chat * User helfen User
    Patrioten reden nur davon, dass sie für ihr Land sterben, niemals davon, dass sie für ihr Land töten. (Bertrand Russell)

  • Den Abstand nach oben kannst du mit "margin-top: 0px;" festlegen.

    PHP-Quellcode

    1. <html>
    2. <head>
    3. <style type="text/css">
    4. .fullScapeTop {
    5. margin-top: 0px;
    6. }
    7. </style>
    8. </head>
    9. <body>
    10. <div id="fullScapeTop"><!-- TOP -->
    11. <img src="banner.jpg" width="100%" height="15%" border="0" alt="Bild" />
    12. <br>
    13. <br>
    14. <br>
    15. <br>
    16. <br>
    17. <br>
    18. <br>
    19. <br>
    20. <br>
    21. <br>
    22. <br>
    23. <div align="left">
    24. <a href="http://www.html-seminar.de/">
    25. <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_home.jpg"
    26. width="202" height="28" border="0" /><br>
    27. </a>
    28. <a href="http://www.html-seminar.de/">
    29. <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_aboutme.jpg"
    30. width="202" height="28" border="0" /><br>
    31. </a>
    32. <a href="http://www.html-seminar.de/">
    33. <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_downloads.jp g"
    34. width="202" height="28" border="0" /><br>
    35. </a>
    36. <a href="http://www.html-seminar.de/">
    37. <img src="J:\Dokumente und Einstellungen\MANH PHI\Desktop\Projekt_HP\Buttons\button_links.jpg"
    38. width="202" height="28" border="0" /><br>
    39. </div>
    40. </a>
    41. </div>
    42. </body>
    43. </html>
    Alles anzeigen


    Ich hoffe ich konnte dir helfen ;)

    mfg
    Snip3r

    //EDIT: Link zur CSS Datei von Planethtml...
    Rechteübersicht * Forenregeln * F.A.Q. * Lexikon
    Suchfunktion * Chat * User helfen User
    Patrioten reden nur davon, dass sie für ihr Land sterben, niemals davon, dass sie für ihr Land töten. (Bertrand Russell)

  • Eigentlich sollte das Einfügen von

    Quellcode

    1. <style type="text/css">
    2. html,body {margin:0px;}
    3. </style>

    dein Problem lösen ;)

    Aber aufpassen! Der IE ist der einziger Browser, der stand-alone height mit Prozentangaben verarbeiten kann.
    Für andere solltest du neben margin auch noch height:100%;
    angeben. Sprich insgesamt füge einfach mal

    Quellcode

    1. <style type="text/css">
    2. html,body {margin:0px;height:100%}
    3. </style>

    ein.

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • An deiner Stelle würde ich mir einfach einen Background basteln für den mittleren Teil. Dann die beiden äußeren Teile abschneiden und eben so wie sie sind, als äußere Teile nutzen.
    Als nächstes ne Tabelle basten mit 3 Spalten.

    Erste: Linker Teil des Bildes, Breite der Spalte = Breite des Linken Teils
    Zweite: Mittlerer Teil des Bild ALS HINTERGRUND, Breite = 100%
    Dritter: Rechter Teil des Bildes, Breite der Spalte = Breite des Rechten Teils

    Dann kannst du beliebig auf das Teil druf schreiben. Am besten nimmste dafür ein HTML-Programm oder Word, da dieses Präzise ausrichten der Schrift für dich mit der x: position und y: position nen bisschen schwierig werden könnte ;)

    So..ich hoffe das konnte dir iwie helfen. Du solltest den Banner nicht der Auflösung anpassen. Das wird einfach zu hässlich. Stelle dir mal vor, dass der jemand da einen Breitbildschirm hat! Dann kann der heiteres Pixelzählen machen.

    Wenn du das aber wirklich unbedingt willst, dann solltest du dir einen EINHEITLICHEN Mittelteil des Bild erstellen und davon dann einen keinen Snipsel raus schneiden und den dann als Background für die zweite Spalte nehmen. Dann kann das beliebig gesteckt werden. Die anderen beiden Spalten bleiben so. Die Tabelle muss dann allerdings die Breite 100% zugewiesen bekommen.

  • Die meisten machen es so, dass sie ein Bild des Banners abschneiden, dass sich fast immer wiederholt. (dann machen sies auf [Höhe]x1 um Platz zu sparen)
    Das nehmen sie als Hintergrund und nehmen nurnoch die wichtigen Stellen als wichtige Bilder und richten die dann eben so aus:

    float:left | text-align:center | float:right

    Klappt aber nicht auf jedem BRowser, also würde ichs absolut und mittig ausrichten.