[HTML] Table Image Transparent? [Neue Frage: 15.09]

R

-=Renegade=-

Neuling
Thread Starter
Mitglied seit
06.12.2005
Beiträge
613
Hi!

Zu allererst muss ich sagen, das ich wohl eher ein Hobbymäßiger Programmierer bin, der schon längerer Zeit an einer eigenen Homepage bastelt.

Neues Fortschritte, neues Problem (oder eher Frage) :)
Der Inhalt meiner Homepage ist aus etlichen Tabellen aufgebaut, die alle ein graues Muster als Füllfarbe haben.
Jetzt habe ich mich gefragt, ob man dieses Füll Muster auch halbtransparent (zB 50%) gestalten kann (wie es zB Word ermöglicht, hier kann man die Füllfarbe von Flächen auch auf transparent stellen)

<td height="18" style="background-image:url(Data/row.jpg)">


so far
thx & mfg
 
Zuletzt bearbeitet:
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
body {
margin:0;
padding:0;
border:0;
}
sollte glaube helfen
 
Und wo genau eingebaut?

der html <body> tag wird ja nicht gemeint sein, es soll sich ja nur auf die einee und nicht auf alle Tabellen beziehen, oder? und direkt beim <table> tag wollte er aber auch nicht ;)

so far
thx & mfg
 
Moin,

Tables sind da um Daten tabellarisch anzuordnen, sie sind NICHT da um sein Layout damit zu machen (auch wenn das einige meinen und machen ;))

Lies dich am besten mal ein bisschen in css ein http://www.css4you.de

MfG TrOuble
 
Ja, danke, alles klar. Nach ein paar mal probieren hats gleich funktioniert ;)

Jetzt hätt ich noch ne kleine Frage nebenbei: Wie bring ich 2 Bilder, die nebeneinander sind, so zusammen, das kein Abstand dazwischen ist?
Ich hab das ganze in etwa so:

Code: 
<img src="Data/navhome.jpg" border="0" margin="0" pading="0">
<img src="Data/navgeneral.jpg" border="0" margin="0" pading="0">

Hab mir immer gedacht das Border hier genügt, tat es aber nicht, deshalb hätte ich noch margin und pading hinzugefügt, trotzdem bleibt ein kleiner Abstand dazwischen. Das ganze müsste auch ohne CSS gehen, da ich mir ziemlich sicher bin, das ich das schon mal irgendwie hatte, nur find ichs leider nicht mehr :(

/E: und mit CSS schaff ichs irgendwie auch nicht, hätte es so probiert:
Code: 
<style type="text/css">
.abstand {
margin:0;
border:0;
padding:0;
}
    </style>
...
<p class="abstand">
<img src="Data/navhome.jpg" border="0" margin="0" padding="0">
<img src="Data/navgeneral.jpg" border="0" margin="0" padding="0">
</p>
Aber das ging leider auch nicht

und das hier auch nicht :(
Code: 
<img src="Data/navhome.jpg" style="margin:0px">
<img src="Data/navgeneral.jpg" style="padding:0px">
usw.


so far
thx & mfg
 
Zuletzt bearbeitet:
mach mal den zeilenumbruch weg. Also so:

<img src="Data/navhome.jpg" alt="Alternativer Text" /><img src="Data/navgeneral.jpg" alt="Alternativer Text" />

wenn du speziell diese bilder hier ansprechen willst, könntest du es auch so lösen:

<img src="Data/navhome.jpg" alt="Alternativer Text" class="gallery" /><img src="Data/navgeneral.jpg" alt="Alternativer Text" class="gallery" />

CSS dazu:

img.gallery {
border: 5px solid gray;
width: 200px;
height: 200px;
padding: 50px;
background-color: white;
}
 
Neues Fortschritte, neues Problem (oder eher Frage) :)
Der Inhalt meiner Homepage ist aus etlichen Tabellen aufgebaut, die alle ein graues Muster als Füllfarbe haben.
Jetzt habe ich mich gefragt, ob man dieses Füll Muster auch halbtransparent (zB 50%) gestalten kann (wie es zB Word ermöglicht, hier kann man die Füllfarbe von Flächen auch auf transparent stellen)

<td height="18" style="background-image:url(Data/row.jpg)">


so far
thx & mfg
 
Zuletzt bearbeitet:
also den einzigen weg den ich kenne ist die bilder an sich halb transparent zu amchen, zb mit photoshop
 
JPG unterstütz keine Transparenz.

GIF kann keine Halbtransparenz speichern, nur 100% oder 0%.
Du könntest so ein Muster mit gifs machen, immer ein transparentes und ein nicht transparentes Pixel im Wechsel.

PNG kann Halbtransparenz darstellen (also 50%ige Transparenz).
Allerdings soll die Darstellung angeblich nicht mit allen Browser reibungslos funktionieren.
Da heißt es, selbst auszuprobieren.
 
Anmelden, um zu antworten.
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh