通過css在外部div容器中更改圖像的大小

我想通過css更改圖像的寬度。由於我通過typo3來做這件事，我只能訪問外部div容器（內容元素的自定義邊框）。通過css在外部div容器中更改圖像的大小

.Bild-Startseite img { max-width:50% !important; }

DIV的容器使用Bild-Startseite：所以我添加下面一行到我的CSS文件。不幸的是，容器沒有調整大小，在圖像的右側留下了空白區域。這怎麼可以糾正，所以圖像是對齊的權利和文字在它周圍浮動？我只想改變這個圖像，而不是網站上的其他人。另外typo3不允許我訪問其他容器。

感謝

2013-04-27 Reto

爲了這一目標的工作，你應該風格你的圖像容器。在你的情況下：

figure.csc-textpic-image.csc-textpic-last

你聲明，你希望這隻適用於這個特定的頁面。請嘗試以下方法：

#c48 figure.csc-textpic-image.csc-textpic-last { 
    max-width: 400px; /* or whatever value you may fit. */ 
}

我相信#c48僅專用於該頁面。所以你有這個規則只適用於該頁面。

如果#c48不是特定於那個頁面，那麼你應該添加一個css類到你的主體頁面。

您應該將typo3 template從setup field您main template編輯，然後執行：

page = PAGE 
page { 
    ... 

    bodyTagCObject { 
     field = uid 
     wrap = <body class="uid-|"> 
    } 

    ... 
}

有了這個，你將有一個單獨的類，並與，你可以簡單的做：

.uid-yourIdNumberHere figure.csc-textpic-image.csc-textpic-last { 

//your page specific style here. 

}

2013-04-27 18:53:57 MEM

不幸的是，這似乎並不奏效。圖像的大小不會改變。什麼工作（部分）是'＃c48 div> div {max-width：50％; }'。然而，文字不再在圖片下方浮動...... :-(爲什麼？ – Reto 2013-04-29 17:10:32

回答