Skip to content

Instantly share code, notes, and snippets.

@zelid
Last active September 24, 2017 17:20
Show Gist options
  • Save zelid/fd9162eaa0e98e1bff69ed5dae6c6f7c to your computer and use it in GitHub Desktop.
Save zelid/fd9162eaa0e98e1bff69ed5dae6c6f7c to your computer and use it in GitHub Desktop.
Strange IMG behaviour
<html>
<head>
<title></title>
<style>
body {
/* background-color: #404552; */
/* border-color: #404552; */
}
body>select#mylist {
display: block;
width: *;
border: 1px solid black;
/* background-color: #404552; */
}
body>select#mylist>option {
color: #000;
font-size: 12dip;
}
body>select#mylist>option:hover {
/* background-color: #454A57; */
}
body>select#mylist>option:current {
/* background-color: #454A57; */
}
</style>
</script>
</head>
<body>
<select #mylist type="select" name="country" size=16 multiple>
<option value=0 >
<div style="float:left;border: 1px solid black; background-size:20%;margin:0;padding:0;">
<img src="http://via.placeholder.com/120x90" style="float:center;border: 1px solid black;"></img>
</div>
<div style="width:*;padding:0;margin:0; border: 1px solid black;float:left;">
<div>Name</div>
<div>Description</div>
</div>
</option>
<option value=1 >
<div style="float:left;border: 1px solid black; background-size:20%;margin:0;padding:0;">
<img src="http://via.placeholder.com/120x90" style="float:center;border: 1px solid black;"></img>
</div>
<div style="width:*;padding:0;margin:0; border: 1px solid black;float:left;">
<div>Name</div>
<div>Description</div>
</div>
</option>
<option value=2 >
<div style="float:left;border: 1px solid black; background-size:20%;margin:0;padding:0;">
<img src="http://via.placeholder.com/120x90" style="float:center;border: 1px solid black;"></img>
</div>
<div style="width:*;padding:0;margin:0; border: 1px solid black;float:left;">
<div>Name</div>
<div>Description</div>
</div>
</option>
</select>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment