Ergebnis 1 bis 10 von 10

Thema: Grafiken innerhalb der Seite ausrichten...

  1. #1
    Andre.E
    Gast

    Standard Grafiken innerhalb der Seite ausrichten...

    hallo gemeinde,

    ich habe folgendes problem, ich möchte in einer seite mehrere bilder (mit beschreibung unter dem bild) darstellen. da die bilder zu einer serie gehören, sollen diese nebeneinander dargestellt werden wobei die darstellung abhängig von der fensterbreite sein soll.
    also nehmen wir mal an ein bild hat eine größe von 190 pixeln in der breite und ich habe 12 bilder. wäre jetzt mein browserfenster 600 pixel breit hätte ich 4 reihen bilder, bei 800 pixeln 3 reihen und bei 200 pixeln 12 reihen.

    eine table dachte ich ist der richtige ansatz und folgendes habe ich versucht:

    1.
    Code:
    <html>
    <head>
    <title>test</title>
    </head>
    <body>
    <table width="80%" border="0" align="center">
      <tr>
        <td>
    	[img]../bilder/bild.jpg[/img] 
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img] 
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
    	[img]../bilder/bild.jpg[/img]
        </td>
      </tr>
    </table>
    </body>
    hier sind die bilder so wie ich es möchte, aber ich kann keinen erklärenden text unter das jeweilige bild setzen...

    2.
    Code:
    <table border="0" width="100%">
      <tr><td>
        <table border="0" width="190">
          <tr><td><a href="../bilder/abild.jpg" target="_blank" title="Bild">
            [img]../bilder/bbild.jpg[/img]</a></td></tr>
          <tr><td><font face="Verdana", "Helvetica", "Geneva", "Arial", "MS Sans Serif" size=2 color="#00000">Text</font></td></tr>
        </table>
    
        <table border="0" width="190">
          <tr><td><a href="../bilder/abild.jpg" target="_blank" title="Bild">
            [img]../bilder/bbild.jpg[/img]</a></td></tr>
          <tr><td><font face="Verdana", "Helvetica", "Geneva", "Arial", "MS Sans Serif" size=2 color="#00000">Text</font></td></tr>
        </table>
    
        <table border="0" width="190">
          <tr><td><a href="../bilder/abild.jpg" target="_blank" title="Bild">
            [img]../bilder/bbild.jpg[/img]</a></td></tr>
          <tr><td><font face="Verdana", "Helvetica", "Geneva", "Arial", "MS Sans Serif" size=2 color="#00000">Text</font></td></tr>
        </table>
    ...

    </td></tr>
    </table>

    hier ist zwar eine beschreibung der bilder möglich, aber diese werden nicht an der möglichen fensterbreite ausgerichtet.


    wer weiss einen rat

    danke und gruss
    Andre
    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

    hat nix mit der grafik zu tun... also mal verschoben....



    edit:

    hab mal weng rumversucht.... is mir nur sowas eingefallen....
    Code:
    <html> 
    <head> 
    <title>test</title> 
    <style type="text/css">
    div &#123;
    width&#58;195px;
    float&#58;left;
    &#125;
    </style>
    </head> 
    <body> 
    <table width=80% border=0>
    <tr><td>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    </td></tr>
    </table>
    </body>
    </html>
    >> 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
    Andre.E
    Gast

    Standard

    schönen dank einstweilen, werde mal versuchen das ganze entsprechend umzusetzen...

    gruss
    Andre

  4. #4
    Andre.E
    Gast

    Standard

    servus,
    das wocheende ist vorbei und ich habe versucht den vorschlag entsprechend umzusetzen - leider ohne den gewünschten erfolg. zum einen da die bilder immer noch untereinander angezeigt werden und zum zweiten durch die style angabe im header der je nach einstellungen im IE eine anzeige der inhalte unterbindet.

    da sich vorhandener text der verfügbaren fensterbreite anpasst, muss das doch auch mit anderen inhalten möglich sein...
    bin für weitere vorschläge dankbar!

    gruss
    Andre

  5. #5
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Andre.E,
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>test</title>
    <style type="text/css">
    img &#123;padding&#58;4px;border&#58;1px solid #84776B; background&#58;#fff; text-align&#58;center;&#125;
    div &#123; width&#58;210px;float&#58;left;left&#58; 25px;text-align&#58;center;&#125;
    </style>
    </head>
    <body>
    <table width=80% border=0   align="center">
    <tr><td >
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    <div>[img]bild.jpg[/img]
    sdafasfasdfasdfa</div>
    </td></tr>
    </table>
    </body>
    </html>
    mmhh, war doch richtig! Du kannst die Tabelle ja mit 100% angeben, aber wozu brauchst Du dann eine Tabelle. Je nach Breite wirst Du es nicht vermeiden könnne, dass Bilder auch untereinander stehen. Aber wenn ich es richtig verstanden habe strebst Du es doch an, das sich die Bilder der Breite anpassen.!?

    P.S. Ich habe nur einen Rahmen erstellt. damit man auch ohne Bilder dieAbstände sieht und den Text zentriert.
    Gruß yeti66
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  6. #6
    Andre.E
    Gast

    Standard

    vielen dank yeti66!!!

    ich kann dir nicht sagen warum, aber jetzt funktioniert es. vielleicht kannst du (oder jemand anderes) mir auch bei der letzten hürde helfen.
    die bilder werden jetzt wie gewünscht ausgerichtet, aber die texte für die beschreibung sind unterschiedlich lang. habe ich ein bild mit einem sehr langen text, "hängt" das folgende bild unter eben diesem...

    (ich hoffe ihr versteht was ich meine )

    danke und gruss
    Andre

  7. #7
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Andre.E,

    Du gibst allen einheitlich eine größere Höhe würde ich sagen oder reduzierst den Text!?>> Fasse Dich kurz << so in der Art. Umfangreichere Erklärungen kann mann ja auch mit einem POPUP zum Bild machen .

    Hier (ausgeliehen bei @Ronald ) ein Beispiel: http://web306.server3.webplus24.de/testseiten/tooltips/

    Gruß yeti66
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  8. #8
    Andre.E
    Gast

    Standard

    yeti66

    vielen dank!
    ich habe im style eine einheitliche höhe vergeben und jetzt sieht es wirklich so aus wie ich haben wollte...

    aber das mit dem popup ist auch eine sehr gute idee, würdes du mir bitte hierzu noch den code geben?

    ... ich hoffe ich kann mich irgendwann mal revangieren

    gruss
    Andre

  9. #9
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Andre.E,

    Code zum POPUP??
    Den findest Du doch massenweise im Internet.
    http://www.fueralles.de/Popupgenerator.html

    Gruß yeti66
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  10. #10
    Andre.E
    Gast

    Standard

    yeti66

    danke für alles - habe fertig

    gruss
    Andre

Ähnliche Themen

  1. Grafiken ausrichten
    Von CHL im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 30.10.2007, 09:25
  2. Seite vertikal mittig ausrichten
    Von madosch im Forum HTML & CSS Forum
    Antworten: 26
    Letzter Beitrag: 31.05.2006, 12:56
  3. Homepage innerhalb der Seite laden
    Von im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 07.03.2006, 13:54
  4. Tabelle in Mitte der Seite ausrichten
    Von Foulfang im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 22.07.2004, 20:23
  5. Verlinken innerhalb einer Seite!
    Von Mafu im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 07.04.2004, 16:10

Stichworte

Berechtigungen

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