Sida 1 av 1
Bildproblem i HTML
Postat: 20 aug 2007, 20:59
av Emil.s
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>
Re: Bildproblem i HTML
Postat: 10 maj 2008, 16:34
av Jannish
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>
Re: Bildproblem i HTML
Postat: 10 maj 2008, 16:41
av KiviE
Borde gå att lösa med CSS, jag är dock för dålig på det för att kunna säga hur.
Re: Bildproblem i HTML
Postat: 10 maj 2008, 18:03
av Flärp
Ytterligare en variant är att lägga ihop alla tre bilderna i en och göra en s k image map.
Re: Bildproblem i HTML
Postat: 10 maj 2008, 18:55
av Emil.s
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!
Re: Bildproblem i HTML
Postat: 12 maj 2008, 22:02
av maths57
OpenOffice Draw har en image map funktion.
Re: Bildproblem i HTML
Postat: 12 maj 2008, 22:30
av Konservburk
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...
Re: Bildproblem i HTML
Postat: 12 maj 2008, 22:34
av KiviE
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...
Re: Bildproblem i HTML
Postat: 13 maj 2008, 00:50
av Osprey
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>
Re: Bildproblem i HTML
Postat: 09 jun 2008, 13:12
av TicToc
Allt beror nog på skärmens bredd. Lägg till <br /> efter varje bild, eller <p> för varje..
