Seite 1 von 1

Bilder im Headbereich des CMS einfügen

Verfasst: Sa 4. Mär 2006, 11:50
von Patzor
Ich würde gerne oben zwischen dem linken Logo und dem rechten (Illustration) zwei Bilder einfügen.
Sodass die Bilder über dem horinzontalem Strich erscheinen.

Leider weiß ich nicht, wo ich die zwei Bilder einfügen muss, also in welcher Datei ich zwei <img src=""> einfügen muss.

Danke im vorraus.

Verfasst: Sa 4. Mär 2006, 13:06
von jost
Werwiewowas? Vermutlich würdest Du das direkt in den Templates erledigen? Und redest Du von dem Standard-Layout? Kann man sich ditte ma ankieken? Und so? Mehr Infos, pleae.

Verfasst: Sa 4. Mär 2006, 15:34
von Patzor
Standard Layout.

Bei Sytle Layout und Standard, bei Vorschau


Habe folgendes geähndert:

Code: Alles auswählen

<table width="780" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td><a href="front_content.php" title="Zur Homepage"><img src="images/logo.gif" width="56" hspace="30" height="60" border="0" alt="Logo" title="Logo"/></a></td>
<td><img src="images/" width="200" height="75" border="0"/></td> 
					<td align="right"><img src="images/blank.gif" width="449" height="1" border="0"/></td>
					<td align="right"><container id="80" name="Illustration" types="Content" default=""></container></td>
				</tr>
				<tr>
Das Problem ist, dass die Illustration (80) nach rechts verschoben wird

Verfasst: Sa 4. Mär 2006, 21:08
von Maribeauli
Patzor

HTML-Grundkurs 6 - Thema der Begriff width und was er bedeutet und wie man damit arbeitet:

Die Original-Tabelle:

Code: Alles auswählen

<table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
     <a href="front_content.php" title="Zur Homepage">
          <img src="images/logo.gif" width="101" hspace="30" height="61" border="0" alt="Logo" title="Logo"/>
     </a>
</td>
<td align="right">
     <img src="images/blank.gif" width="449" height="1" border="0"/>
</td>
<td align="right"><container id="80" name="Illustration" types="Content" default="">
     </container> [b]Frage: wieviel Platz hat der Container 80?[/b] 
<td>
</tr>
<tr>
<td colspan="3" class="balken"><img src="images/blank.gif" border="0" width="780" height="5" alt=""/>
</td>
</tr>
</table>
Die Tabelle ist 780 Pixel breit,
- das Contenido-Logo ist 101 Pixel breit
- das blank.gif ist 440 Pixel breit
-------------------------------
Also bleiben 239 Pixel für den Container 80 über.

Nun kommt die Breite deiner Grafik ins Spiel, und die Breiten die du deiner Tabelle / Spalten oder der darin enthaltenen Grafik zugewiesen hast.
Und die Summe aller width-Angaben dürfen zusammen den Wert 780 Pixel nicht überschreiten.
Irgendwohin muß der Rest über 780 ja ausweichen ... - z. B. nach Rechts 8)

Verfasst: So 5. Mär 2006, 09:35
von Patzor
Danke. Die einzigste Möglichkeit wäre die Tabelle zu vergrößern ( width= vergrößern)

Also bleiben 239 Pixel für den Container 80 über.
Ich brauche aber nur 200

<img src="images/" width="256" height="75" border="0"/>

Also müsste die Tabelle 17 Pixel länger sein.

Wie bekomme ich dieses Bild zentriert?
Habe schon versucht, <td align="center"> <span align0"center"> ...

Aber das neue Bild klebt ganz links neben dem Logo.


Aber das blank.gif ist über dem neuem Bild. Es nimmt also kein Platz weg... :?:

Zuerst ganz oben ist blank.gif
Darunter links das Logo, daneben das BIld und die Illustration ganz rechts.

Verfasst: So 5. Mär 2006, 10:07
von Maribeauli
@Patzor,

du solltest einmal bei selfhtml.org etwas lesen.

So ganz hast du es nämlich nicht verstanden was es mit with auf sich hat.

Noch ein Tipp, wenn eine Tabelle mal nicht so tut wie gedacht,
ist es immer nützlich den Border einer Tabelle mal auf 1 oder 2 zu setzen.
Dann sieht man oft besser was falsch gedacht ist. :)
Stichwort: Spalten, Zeilen, Zellen.

Verfasst: So 5. Mär 2006, 10:13
von rezeptionist
Hol dir mal das webdeveloper plugin für den FF, da kannst du dir dann alles anzeigen lassen, aber der tipp mit selfhtml ist auch ein Top Tipp, fehlt aber auch der zusatz :wink: schau auch mal hier vorbei


www.css4you.de

Ok ich habe gute Laune

hier das Plugin

http://chrispederick.com/work/webdeveloper/

Verfasst: So 5. Mär 2006, 13:46
von Patzor
Danke für die Tipps, gerade mit dem border =1. :roll: Dass ich nicht selber darauf komme