Bildgröße in div Box über CSS ändern

  • Hallo miteinander.

    Ich habe in meiner html eine Tabelle in der in einer Spalte steht:

    <td>Zelle 1</td>

    <td>Zelle 2</td>

    <td> <div id = "Logo" > <img src="Logo.jpg"> </div> </td>

    <td>Zelle 4</td>
    ....


    in der CSS habe ich nun definiert:

    #Logo {

    width: 50%;
    height: auto;


    }

    Wie verflixt kann ich das Logo über die CSS anpassen ? ( So dass das Verhältnis gewahrt bleibt)

    Danke für die Antworten!

  • Ich habs hinbekommen...

    nun habe ich in einer Zeile der Tabelle 4 Bilder, wobei die 1. zelle überdimensional breit ist (evtl. wegen der ursprünglichen Bildgröße und die pos wird freigehalten) ??

  • Wieso nimmst du überhaupt eine Tabelle? Du hast doch keine tabellarische Daten.

  • Naja ich versuche gerade eine html Oberfläche zu erstellen, auf die ich später per touchpad zugreifen will.

    Ich dachte, wenn ich die Seite komplett tabellarisch aufbaue, kriege ich alles besser und einheitlicher positioniert. (Dachte da an die Wordtabelle) Bevor ich halt freihändig das Zeug durch die Gegend schiebe.

  • mhh.. okay... leuchtet ein.

    Hilft mir aber immer noch nicht weiter, da ich die Bilder nicht positioniert bekomme. (Will ich über die CSS machen, dort habe ich auch die Bildgröße reguliert (über skalierung)

    HTML:

    ... <h1>Wählen Sie Ihre Sprache</h1>

    </br>
    <img src="Bilder/Deutsch.png" id = "Deutsch" >
    <img src="Bilder/Englisch.png" id = "Englisch" >
    <img src="Bilder/Portu.png" id = "Russisch" >
    <img src="Bilder/Russisch.png" id = "Portu" >
    ...


    CSS:


    #Englisch {

    width:10%;
    height:auto;
    margin-left: auto;
    margin-right: auto


    } /*ButtonEnglisch*/

    #Deutsch {

    width:10%;
    height:auto;
    margin-left: auto;
    margin-right: auto

    } /*ButtonDeutsch*/

    #Russisch {

    width:10%;
    height:auto;
    margin-left: auto;
    margin-right: auto

    } /*Buttonrussisch*/

    #Portu {

    width:10%;
    height:auto;
    margin-left: auto;
    margin-right: auto

    } /*Buttonportu*/

  • Was er redet ;) :p Was ist der Unterschied zwischen Html und Word Tabelle?
    Tabelle weg, CSS hin... ist einfacher umzusetzen.

    Wenn du die Bildgröße(width, height) nicht im Html Code stehen hast, musst du sie in die CSS schreiben.

    Wie könnte der CSS Code für einen Button aussehen?

    Code
    #Portu {
    
    
        width:20px; 
        height:20px;
        margin: Wert;
        background-image: url(...);
        float: Wert;
        background-repeat: no-repeat;

    Ps.: http://www.btitze.net/flaggen_vs_sprachen.html

    Einmal editiert, zuletzt von Der kleine Frosch (19. Februar 2013 um 14:22)