Bildproblem i HTML

Emil.s · Inlägg av **Emil.s** » 20 aug 2007, 20:59

Se min guide om att kompilera Linuxkärnan här:
http://sandnabba.se/kernel_howto

Se sen bilderna över de olika konfigurationsverktygen...
Skulle vilka att den nedersta bilden trycktes upp mot "menuconfig" bilden. Går det?

Bilderna ligger i en egen paragraf, som ser ut så här:

<p>
<a href="http://sandnabba.se/filer/menuconfig.jpg"><img src="http://sandnabba.se/filer/menuconfig.jpg" width="386" height="257" align="top" /></a> <a href="http://sandnabba.se/filer/xconfig.jpg"><img src="http://sandnabba.se/filer/xconfig.jpg" width="471" height="381" align="top" /></a><a href="http://sandnabba.se/filer/gconfig.png"><img src="http://sandnabba.se/filer/gconfig.png" width="385" height="274" /></a>
</p>

Jannish · Inlägg av **Jannish** » 10 maj 2008, 16:34

Gör en enkel table och lägg bilderna där i.

typ:
<table>
<tr>
<td valign="top">Bild 1 och 2 (dom som ska ligga över varandra)
<td valign="top">Bild 3
</td>
</tr>
</table>

KiviE · Inlägg av **KiviE** » 10 maj 2008, 16:41

Borde gå att lösa med CSS, jag är dock för dålig på det för att kunna säga hur.

Flärp · Inlägg av **Flärp** » 10 maj 2008, 18:03

Ytterligare en variant är att lägga ihop alla tre bilderna i en och göra en s k image map.

Emil.s · Inlägg av **Emil.s** » 10 maj 2008, 18:55

Flärp skrev:Ytterligare en variant är att lägga ihop alla tre bilderna i en och göra en s k image map.

Det har du rätt i. Men det är lite drygt att skriva för hand...

Brukar föredra att skriva i Vim, så att man kan redigera via SSH.

Men just nu så far det vara som det är. Orkar inte bry mig så mycket. Tack för tipsen iallafall!

maths57 · Inlägg av **maths57** » 12 maj 2008, 22:02

OpenOffice Draw har en image map funktion.

Konservburk · Inlägg av **Konservburk** » 12 maj 2008, 22:30

Emil.s skrev:Skulle vilka att den nedersta bilden trycktes upp mot "menuconfig" bilden.

Hur menar du? Jag tycker bilderna redan ligger helt ihoptryckta mot varandra...

KiviE · Inlägg av **KiviE** » 12 maj 2008, 22:34

Konservburk skrev:
Emil.s skrev:Skulle vilka att den nedersta bilden trycktes upp mot "menuconfig" bilden.
Hur menar du? Jag tycker bilderna redan ligger helt ihoptryckta mot varandra...

För mig ser det inte ut så. Då ligger de två översta bilderna bredvid varandra och sen ligger den tredje bilden under den första... men en bit nedanför...

Osprey · Inlägg av **Osprey** » 13 maj 2008, 00:50

Så här ungefär borde funka, siffrorna kan du skruva på lite för att få det som du vill.

Kod: Markera allt

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
        <style type="text/css">
                #menuconfig { position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 40%;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                }
                #xconfig { position: absolute;
                        top: 0px;
                        width: 60%;
                        margin: 0px 0px 0px 40%;
                        padding: 0px 0px 0px 0px;
                }
                #gconfig { position: absolute;
                        top: 48%;
                        left: 0px;
                        width: 40%;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                }
        </style>
</head>
<body>
        <div id="menuconfig">
                <img src="menuconfig.jpg" style="width: 100%; height: 100%;">
        </div>
        <div id="xconfig">
                <img src="xconfig.jpg" style="width: 100%; height: 100%;">
        </div>
        <div id="gconfig">
                <img src="gconfig.png" style="width: 100%; height: 100%;">
        </div>
</body>
</html>

TicToc · Inlägg av **TicToc** » 09 jun 2008, 13:12

Allt beror nog på skärmens bredd. Lägg till <br /> efter varje bild, eller <p> för varje..

Ubuntu Sverige

Bildproblem i HTML

Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML

Re: Bildproblem i HTML