Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: banner

  1. #1
    Gast

    Standard banner

    hi..hab grade ne ne homepage hochgeladen.

    Nur jetzt verschiebt sich bei versch. Auflösungen der Banner jedes mal,
    wie kann den banner anpassen an alle Auflösugen?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ohne link oder quelltext können wir schlecht helfen....

    wie bindest denn den banner ein ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Gast

    Standard

    natürlich, entschuldigung!
    (Hab für zwei Freunde ne kleine Homepage gebastelt,
    da sie ein Jahr in Australien sind und uns gerne Bilder und Stories
    zeigen/erzählen wollten )

    www.gunnar-till.de.vu

    So ich bin davon ausgegangen, das die meisten 1024x768 als Auflösung haben,
    jetzt hör ich aber von immer mehr leuten, dass sie 800x600 bzw 1280x1024 haben.
    Doch dann verschiebt sich logischerweise der Banner immer.
    Jetzt bräuchte ich irgenteinen Code, der das verhindert.
    Vll habt ihr ja Ideen!
    Hier nochmal das Css-File

    Code:
    body{
    color:black;
    background-image:url(background2.jpg);
    margin:0;
    padding:0;
    font:13px verdana, sans-serif;}
    
    
    #container{
    background-image:url(sand.jpg);
    padding:0;
    margin:0 10% 0 10%;}
    
    
    
    #head{
    height:140px;
    background:#98bed1;
    background-image:url(banne2.jpg);}
    
    
    #menu{
    margin:0;
    padding:0;
    border-top:1px solid black;
    border-bottom:1px solid black;
    text-align:center;}
    #menu ul{
    background-image:url(bg.jpg);
    margin:0;
    padding:5px;
    list-style:none;
    white-space: nowrap;}
    #menu li{
    display:inline;}
    #menu a{
    color:white;
    background:#98bed1;
    padding:2px 20px 2px 20px;
    border:1px solid black;
    font:bold 12px verdana, sans-serif;
    text-decoration:none;
    text-align:center;}
    #menu a:hover{color:white;background-image:url(bg.jpg);}
    
    
    #submenu{
    float:left;
    width:100px;}
    #submenu ul{
    margin:0px;
    padding:0 30px 0 10px;
    list-style:none;}
    #submenu li{
    padding:0 0 4px 0;
    margin:0;}
    #submenu a{
    color:#000099;
    background:transparent;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;}
    #submenu a:hover{color:blue;text-decoration:underline;}
    #submenu p{
    font-weight:bold;
    font-size:12px;
    padding:20px 0 10px 10px;
    margin:0;}
    
    
    #content{
    color:black;
    background:white;
    padding:40px 20px 20px 20px;
    margin:0 0 0 120px;
    border-left:1px solid black;}
    #content h1{
    margin:0 0 10px 0;
    padding:2px 0 2px 5px;
    font:bold 16px verdana, sans-serif;
    border-left:10px solid #003399;
    border-bottom:1px solid #003399;}
    #content h2{
    margin:25px 0 10px 0;
    padding:2px 0 2px 5px;
    font:bold 14px verdana, sans-serif;
    border-left:8px solid #003399;
    border-bottom:1px solid #003399;}
    #content h3{
    margin:25px 0 10px 0;
    padding:2px 0 2px 5px;
    font:bold 12px verdana, sans-serif;
    border-left:6px solid #003399;
    border-bottom:1px solid #003399;}
    #content p{padding:15px;}
    
    
    #foot{color:black;
    background-image:url(bg.jpg);
    padding:0;
    margin:0;
    border-top:1px solid black;}
    #foot p{margin:0;padding:4px;text-align:right;}
    Vielen Dank!

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hm... ich würd sagen... du machst um die ganze seite noch nen großen
    div-container, der praktisch alles einschließt. den zentrierste und gibst ihm
    ne feste größe. dann is alles auflösungsunabhängig...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Gast

    Standard

    wie zentriere ich denn? wie geb ich ihm ne Feste größe??
    kannste das vll anhand meines codes machen?

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html lang="de">
    <head>
    <title>..&#58;&#58;Gunnar-till.de.vu&#58;&#58;..</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link rel="stylesheet" type="text/css" href="old.css" />
    <style type="text/css">
    <!--
    @import url&#40;main.css&#41;;
    -->
    </style>
    </head>
    <body>
    <div id="container">
    <div id="head"></div>
    <div id="menu">
    <ul>
    	[*]home
    	[*]news
    	[*]Fotos
    	[*]Gästebuch
    	[*]about australia
    	[/list]
    </div>
    
    <div id="submenu">
    
    </div>
    
    <div id="content">
    <h1>Herzlich Willkommen!</h1>
    Herzlich Willkommen auf tillundgunnar.de! 
    
    Auf dieser Homepage könnt ihr das gesamte Leben 
    
    von Gunnar und Till in Australien verfolgen.
    
    Sowohl aktuelle News, als auch Fotos werden 
    
    hier in Kürze zusehen sein. 
    
    Außerdem könnt ihr im Gäste Buch einen kurzen 
    
    oder auch langen Beitrag oder Kommentar  
    
    hinterlassen.
    
    <HR></HR>
    Die Homepage wurde erst einmal für die 
    
    Auflösung 1024x768 programmiert und aus 
    
    zeitlichen Gründen ein "einfaches" Design 
    
    erstellt. 
    
    In den nächsten Tagen werde ich das gesamte 
    
    Konzept noch einmal überarbeiten. 
    
    Die ersten Bilder und News werden 
    
    voraussichtlich Freitag bereit stehen. 
    
    
    
    
    
    Falls noch irgentwelche Mängel vorhanden sind 
    
    werden die natürlich auch behoben, aber ich denke mal 
    
    das die Seite auch so ihren Zweck erfüllen wird. 
    
    
    Viel Spaß auf der Seite! 
    
    Bis bald! 
    
    
    
    
    Gunnar & Till
    
    </div>
    
    <div id="foot">
    <div align="center>
    <marquee>
    e-mails an&#58; gunnar-till@web.de  
    </marquee>
    
    
    
    
    </div>
    </div>
    
    </div>
    </body>
    </html>
    wär nett
    Thx

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    gib mal in den container die css ein:

    Code:
    position&#58;absolute;
    width&#58;800px;
    margin-left&#58;-400px;
    left&#58;50%;
    die breite musst halt anpassen (margin-left is immer die hälfte davon)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    Gast

    Standard

    mhhh funktioniert immer noch nich....
    Das Problem ist halt, das ich selber die Auflösung 1024x768 habe,
    dh. das sich bei einer größeren Auflösung der Banner immer wiederholt.
    Rechts dort wo der Übergang zum Ende gekommen ist (gelb) fängt dann der Orange Teil wieder von vorne an und das sieht dumm aus...!
    Vll fällt euch ja noch was ein...
    Danke!

  8. #8
    Gast

    Standard

    driver ich hab mir grade ma deine Homepage angeguckt,
    die ist vom Html-Code her ja auch nich sooooo aufwendig,
    trotzdem bleibt dein Banner immer gleich....
    Was haste denn beim Css-File "eingestellt"?

  9. #9
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    des wo ich oben wiedergegeben hab. is so 1:1 aus meiner homepage...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  10. #10
    Azubi(ne)
    Registriert seit
    11.07.2007
    Ort
    Feindesland. Geburtsland: Franken
    Beiträge
    93
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    dass sich das banner wiederholt ist wahrscheinlich, weil dus als HG eingesetzt hast.

    probiers mal mit nem simplen

    background-repeat: no-repeat;

    ich weiss, ich hab nich so viel ahnung wie driver, aber er hats scheinbar überlesen

    dazu packst du ein

    background-position: center;

    und es sollte hinhauen (in die css)

    d.h. deinen "#head" suchen und wie folgt ergänzen:

    Code:
    #head&#123;
    height&#58;140px;
    background&#58;#98bed1;
    background-image&#58;url&#40;banne2.jpg&#41;; 
    background-repeat&#58; no-repeat;
    background-position&#58; center;
    &#125;
    erschlagt mich, wenn ich lüge
    "Es gibt nichts, was sich nicht durch genügend Feuerkraft lösen liesse" -®Florian Bauer- *14.01.1988 heute

Ähnliche Themen

  1. banner
    Von Matthias g im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 01.12.2007, 15:22
  2. Banner Code als Code und nicht als Banner ausfüchren
    Von Final im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 05.01.2006, 10:57
  3. Wie kann man ein Banner erstellen /Seiten mit banner
    Von Palestina im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 02.03.2005, 22:04
  4. gif banner
    Von jakobus im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 04.11.2004, 09:20
  5. banner ok ?
    Von |o|o im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 5
    Letzter Beitrag: 02.10.2004, 14:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •