Jag skall försöka göra en nyhetsbubbla som automatiskt anpassar sig till framen den ligger i och inne hållet som finns i bubblan. Borde inte <img src="filnamn.jpg" width="100%" height="%100"> fungera? Det får ju bilden att stretcha men det fungerar inte när bilden ligger som en bakgrund i en tabell width kanske inte funkar för att du stavat fel? Det ska ju vara width inte widht. Prova att byta Ibland hittar även en blind höna ett kornHur får man en bild att autosize i en table
Detta är den kod jag har testat och den fungerar bra förutom för en sak bilderna som jag använder bildar ett pussel och koden jag använder gör så att bilderna visas flera gånger i samma cell
http://www.rundberg.st/webbmaster/swg/index.htmkolla in denna länken så ser ni resultatet
här är koden jag använt
-----------------------------------------------------------------------------------------------------------------------
<HTML>
<HEAD>
<TITLE></TITLE>
<LINK REL="STYLESHEET" HREF="../stilmall.css" TYPE="text/css">
</HEAD>
<body>
<TABLE CELLSPACING="0" BORDER="0" CELLPADDING="0">
<TR>
<TD><IMG SRC="../bubbla/ballongrey_01.gif"></TD>
<TD background="../bubbla/ballongrey_02.gif" widht="100%"><IMG SRC="../bubbla/ballongrey_02.gif"></TD>
<TD><IMG SRC="../bubbla/ballongrey_03.gif"></TD>
</TR>
<TR>
<TD background="../bubbla/ballongrey_04.gif"><IMG SRC="../bubbla/ballongrey_04.gif"></TD>
<TD class="bubbla"><FONT class="bubbla">Här hamnar nyhetstexten</FONT></TD>
<TD background="../bubbla/ballongrey_06.gif"><IMG SRC="../bubbla/ballongrey_06.gif"></TD>
</TR>
<TR>
<TD><IMG SRC="../bubbla/ballongrey_07.gif"></TD>
<TD background="../bubbla/ballongrey_08.gif"><IMG SRC="../bubbla/ballongrey_08.gif"></TD>
<TD><IMG SRC="../bubbla/ballongrey_09.gif"></TD>
</TR>
</TABLE>
</body>
</HTML>
------------------------------------------------------------------------------------------------------------------------
Problemet är som ni ser att resultatet inte blir riktigt bra.
Frågan är då kan man på något vis stretcha en bild automatisk så man får en mer flexibel nyhetsbubbla går det att lägga bilden som en bakgrund och den stretcha den eller hur löser man det??Sv: Hur får man en bild att autosize i en table
Sv: Hur får man en bild att autosize i en table
Så det jag söker är hur man får en bild att lägga sig som en bakgrund i en tabell, samt att anpassa storleken av bilden till storleken av tabellen.
Jag tog en hel bild och gjorde om koden till detta
<HTML>
<HEAD>
<TITLE></TITLE>
<LINK REL="STYLESHEET" HREF="../stilmall.css" TYPE="text/css">
</HEAD>
<body>
<TABLE CELLSPACING="10" BORDER="1" CELLPADDING="25" style="background-repeat: no-repeat; width=100%; height=100%; background-image:url(ballongrey_hela.gif)">
<TR>
<TD>Text</TD>
<TD>Text</TD>
<TD>Text</TD>
</TR>
<TR>
<TD>Text</TD>
<TD>Text</TD>
<TD>Text</TD>
</TR>
</TABLE>
</body>
</HTML>
Det gick inte heller det enda som ändrades i storlek var tabellen och inte bilden............Sv: Hur får man en bild att autosize i en table
Sv: Hur får man en bild att autosize i en table
<code>
<TD background="../bubbla/ballongrey_02.gif" widht="100%"><IMG SRC="../bubbla/ballongrey_02.gif"></TD>
</code>
Mot
<code>
<TD style="background-image: url('../bubbla/ballongrey_02.gif')"></TD>
</code>Sv: Hur får man en bild att autosize i en table
..............................................................................................................................................
<HTML>
<HEAD>
<TITLE>Welcome</TITLE>
<LINK REL="STYLESHEET" HREF="../stilmall.css" TYPE="text/css">
<style type="text/css">
img.x{
position:absolute;
z-index:-1
}
font.x{
position:relative;
left:15.5%;
right:5%;
top:8.5%
}
</style>
</HEAD>
<body>
<TABLE CELLSPACING="0" BORDER="0" width="50%" height="60%">
<TR>
<td><img class="x" src="ballongrey_hela.gif" width="100%" height="100%"><font class="x">detta är ett test på hur det kommer att se ut</font>
</td>
</TR>
</TABLE>
</body>
</HTML>
.................................................................................................................................................
z-index anger var saker hamnar i djupled